Google speed test how to#
Google speed test install#
Google speed test download#
Google speed test free#

Here’s a visual representation from GTmetrix of how a CDN works. In this case, this is a place closer to Amsterdam. With a CDN, your site is loaded from a location that’s closer to the user. The CDN stores copies of your website’s content on its servers, and when someone lands on your site, the static content is loaded from the server closest to them.įor example, if your website’s main server is from Texas, without a CDN, a visitor from Amsterdam would have to wait for the server to load the site all the way from the U.S.A. They are capable of caching the static version of websites, such as images, CSS, and JavaScript files. To fix this problem, we moved every statical file from our website to a CDN (content delivery network).Ī CDN is a network of servers located at various sites around the world. Here’s an example:īelow is the result we got after minifying CSS and JavaScript.įor many website operators leveraging browser caching is the most challenging part.

Google speed test download#

You can also download the optimized files from the PageSpeed Tool.

Google speed test install#

If you are using Wordpress, I recommend you to install the plugin Autoptimize.

Google speed test how to#

For more instructions on how to remove white spaces, check Google’s guide. The difference was all in unnecessary characters. In our case, it helped us decrease the size of our main CSS file from approximately 300kb to 150kb. It also creates a new CSS file automatically for all the new changes you are making. The tool automatically creates a new CSS file and removes all spaces. To fix this problem, we installed Gulpjs on our server. These can even double the size of your CSS and JavaScript files. Programmers will often leave many spaces and comments while coding. The minifying process reduces the sizes of your files by eliminating unnecessary white spaces, characters, and comments from your CSS and JavaScript files. Google was now telling us that we had to minify our JavaScript and CSS files. You can do the same with JavaScript and CSS. Google also offers the option to download your already optimized images, and you can just upload them to your server. Each new image should be compressed and resized. After optimizing these images, it’s best to make a habit of optimizing all the new images you upload to your server. We downloaded each of our images, then manually compressed and resized them. You should never have larger images than what you want them to render at, nor reduce their size using CSS or HTML tags.

For example, if we wanted to have a picture at 150x150px on our website, that’s exactly the size the picture should have been on our server.

Reduced the size of the images to minimal dimensions without decreasing image quality.

Google speed test free#

These tools are free and can reduce image file size by more than 80% in some cases, without decreasing the quality of the image.

Compressed all images using tools like Compressor.io and TinyPNG.To solve this problem, we did two significant things: The PageSpeed Insights Tool suggested that we optimize our images to load faster by reducing their file size. Note that they can be followed using almost any content management system (CMS). While some of these steps require technical expertise, others do not. It provides recommendations for optimizing your website for page load speed, and achieving favorable results depends on how your server environment is set up. Here’s the result we got after implementing some of the techniques I’m about to share with you.īefore I start showing the exact steps we followed, let me tell you that the PageSpeed tool is only a guideline for best web performances practices. It’s not an obsession it’s aiming to be perfect. That’s what pushed us to make our site load faster and prove you can get 100/100. Maybe they should use their tool to improve their website, right? The desktop version was doing better at 95/100. One day, while playing with the PageSpeed Tool, I noticed Google’s website had a terrible score for mobile devices, 59/100.

Our site was loading quite fast already, but we knew there’s always a way to make it even better. With that in mind, in this article, I will show you how we managed to score 100/100 with Google PageSpeed Insights Tool for Monitor Backlinks for both desktop and mobile. With more than 50% of online traffic coming from mobile devices, everyone expects a site to load almost instantaneously. If your website isn't loading fast enough, you'll lose potential customers. Truth is, nowadays people don’t have the patience to wait more than five seconds for a page to load. Website loading speed is a priority for the overall user experience, and it’s also one of the hundreds of SEO ranking factors.