how to enable gzip compression without plugin and increase google page speed score 26 to 57.

hey guys my name is in loop and in this video I'm going to tell you how to enable gzip compression and increase Google PageSpeed score because in any way you are going to make a website to whiteboard or using WordPress you need good quality spohrer would pay to speed is for to show your clients and to be ranked on the webpage so in this video I am going to follow four major steps first of all we will identify which type of server we are using because if we are using Apache so in the next has different configuration if in if you are using in the next clinics and we are trying to put through each s TX s it will be irrelevant so first of all you must have knowledge about what type of stall we are using ii will confirm either zzip is enable or not might be zip is already enabled and you are trying again to enable that third point we will set up the zip and fourth last step is we will test it again so let's get started so this is the website that how then on the local host is not like the first step that we are going to cover as per the initial instructions we are going to find out which kind of server we are using so for this you have to right-click let me to show you again you have to right-click you have to do inspect element and then in inspect element you have to do in the network let me remove the movie filter so there's lots of me not to do this one is the right thing aspect element second is going these three dots more tools and importance you will get element to be and act last one is in Windows is F that also mean Mac there is a shortcut for this so let us not talk about that and let's move on and topic so you have to open the network tab in the network tab you have to clear everything and then you have to hit the refresh so I just done that whatever this Beach needs like in terms of CSS in terms of images all will all request will come on this particular tab I have done the filter I only want to see the sea diamonds but I have to click on the all by default it is already be all so you have to click on this part because you can see the types CSS and this kind of things images so you have to click on the HTML one you will click on this you have to go in the headers and once will go in the header in the you have to close this you have to just create the response headers in the response headers you we get server so we are using Apache means we have to move the settings in st exes ok so let me show you another example I am NOT going to explain it but just for the server like find out what kind of server we are using so there is another website there to have it all like this store live.com in this we are going to do again and just right-click and then inspect element I'll go in the network I'll click on all then I'll reload the page once I'll reload elbows all up and I'll select this one talk like and once I select this I'll go in the response header and in the server I am getting in the necks so in this weird using engine X is two major servers in the current market which contains more than 60% of the market share so if you see here the graph it is a survey basically and you will see the last month survey of mass 2020 Abacha has 24 and the engine X is 30 personally 7% of shares I have greedily complete comparison video on the passion engine X if you are interested to know about this you can get the video from the description or from the top you just you can't item so we have done our first step let's move on the second step confirms is if is enabled or not so let's move on our website which is this and very close then again this one and you have to come on the size section this size Jackson in this size section am able to read 64 point nine KB transfer over the network and the resources approximately same means there is no compression over here the last video we have is first the transferred over the network always small as per the resources hips easy peasy nipple means there is no gzip is enabled on this this is the first method will be like the technical method the most effective method is come on the hold it this to you only get in the Crone come on the hold it and it is a offline copy means if I go on the Google page speed I get an online coffee office here I can check all websites those are life but if you are doing on the local post or on a local system you need to do the same if you're doing on the local system you can't use this tool because it will not get that particular I think so they have made this tool off in the audit system and this is exact same copy of the Google PageSpeed so you have to just click on the generator mode I have unchecked all the things because I am just working on the performance use it comes under the performance I'm not concerned right now to check this you will cover that particular part in the letter coming videos so just click knowledge generated what it takes around 30 40 seconds and then give me us a report and in that report I'll let you know what to read to check the zzip is enabled on so next feed so report has been rendered and in this we'll just scroll down and we get error yeah this error so if you're getting this error enable text compression means gzip is not enabled and it will show you in the description also X based resource should be served with compressed leaves if or deflate or broccoli I have explained these if and broadly in the last video how miss that you can watch from description so make sure we just remember this the speeds for is 26 now just I'll enable the zip compression and this page speed score will increase now to enable those ease of compression you have to go on this year I have you in the description or you can google it from anywhere you will get this system that kind of stuff it is a basic configuration to enable those easy and yeah to open your editor so I'm just using sublime and the sublime you have to open your project in the project root folder you will get HD X's so once you will paste this s Texas you will save this file and once you'll save this file you have to go back on your particular website in the same ordered section I'll click on plus one and I'll generate new and I just feel you the plug because I can get the old report I can this plus you can generate again the same report [Music] so right now I'm getting the performance 57 which is which is like very very good if I just enabled the gzip compression and I am getting this much of good speed so and if I go down and there's two one is the arrow sections second is the past audits in the past audits I am getting enable text compression a spring means I have I have enabled disease compression and it's working fine as for this audit software and make sure your this extension also like helps reduce the page speed score because it is also part of your webpage so whenever you're testing you just test in after removing or in some other browsers sorry saying some this private screens so anyway so it doesn't matter right now because the this is my custom extension which is no create to 0 of n normally is not affect that much so we have used if I will be compared from this last audit which is 26 and right now it's 57 so using this you can audit and you can increase your page speed score from your website and this is speed score depends on website to website like what kind of resources you guys are using you know what the pay structure so I hope you've got better understanding of the use of compression how to enable it in the next video I am going to explain the plug-in ways to enable losses of compression in WordPress files this in this example I have enabled an 80 way so if either you are using WordPress or you are not using WordPress you are able to enable that and but make sure your server type should be Apache because sjx is only works in Apache type of servers it doesn't work in the engine engine X in nginx you have to enable in the main configuration one thing that I forget to explain you is once you go in the network and up in the network you can see this particular part if we go into sides and which was coming 68 by 65 now it's coming 11 kV transferred the network and 68 kb the actually resource size means right now it's coming compressed so that was the audit one and from the network section you also get was the effective and here you can also get all the files like CSS also has been compressed and if you go in the C's is this one is one KB and this is the another one actually is in 3 3 KB so everything has been compressed and so you can easily get what the effect on the website end so let let's go in the audit section in the whole section right now the first meaningful content is for 2.6 seconds and if I go on the old one so I am getting into this one so as I explained in the first video the example with the compressed and uncompressed version so it's working perfectly on the same manner so this I missed which I just when I was reviewing the video I caught oh I miss the main part so I am adding this one so if something left are you confused about please leave in comment section we are next-gen you know it's a website designing and development company based in Delhi we just focus on through rings user interface user experience and by speed of the website so if you have any requirement where we can help you please feel free to contact us see you in the next video you

Channel: NexGen Innovators

Views: 3,639

Keywords: setup gzip compression in php website, remove text compression errors in google page speed, increase google page speed score, enable gzip compression, enable gzip compression without wordpress plugin, enable gzip in apache, how to identify server is apache, how to identify server is NGINX

Id: zB1ww2Am8PM

Length: 11min 53sec (713 seconds)

Published: Thu Apr 16 2020