free web hit counter

Google Page Speed : How To Improve Speed

March 18, 2019
Print Friendly, PDF & Email

Google Page Speed is a family of tools by Google lnc, designed to help a website’s performance optimizations. It was introduced at Developer Conferences in 2010. There are four main components of Page Speed family tools:  Page Speed Modules, also known as mod page speed, Page Speed Insights, Page Speed Services, and Page Speed Chrome Dev Tools extension. All of these components are built to identify faults in a website’s compliance with Google’s Web Performance Best Practices, as well as automate the adjustment process.

Page Speed Insights

Google PageSpeed Insights is a tool that allows you to quickly and easily test the speed of a web page.

google-pagespeed-insights

PageSpeed Insights Analyze

These optimizations can speed up your page load.

Properly Size Images

Did you know the size of your image files affects the loading speed of your website? It sounds obvious because it is. Sometimes you may not realize the image you’re uploading is much larger than necessary for its purpose on the website.

Graphic designers (especially ours) always want to ensure top quality images, but higher quality means more disk space means higher load time, and you know what the experts say: Users tend to abandon websites that don’t load within 3 secondsThe ideal load time for websites is under 2 seconds. 1 second is best, but not many sites load that quickly.

How to reduce file size

Better WordPress Minify: Add this WordPress plugin to your website’s WordPress CMS.

Offscreen Images

Offscreen images are images that appear below the fold. Since users can’t see offscreen images when they load a page, there’s no reason to download the offscreen images as part of the initial page load. In other words, deferring the load of offscreen images can speed up page load time and time to interactive.

To solve this problem here is an Example

Lazy Load Optimizer

  • Install and activate Lazy Load Optimizer plugin.
  • Go to WordPress Dashboard > Settings > Lazy Load Optimizer settings.
  • From the plugin’s settings page, you can tweak CSS classes to exclude lazy loading, enable/disable iframes lazy load and few other settings.
  • Also, you can access other plugin settings from WP Customizer > Lazy Load Setting. From here you can enable/disable lazy load spinner image & select its size, can choose from image transitions for lazy loading.
lazy-load-images-in-wordpress

lazy load images in wordpress

Render-Blocking Resources

You can improve your page load speed by inlining links and scripts that are required for first paint, and deferring those that aren’t.

Every WordPress site has a theme and plugins that add JavaScript and CSS files to the front-end of your website. These scripts can increase your site’s page load time, and they can also block rendering of the page.

A user’s browser will have to load those scripts and CSS before loading rest of the HTML on the page. This means that users on a slower connection will have to wait a few milliseconds more to see the page.

This method is simpler and recommended for most users.

First thing you need to do is install and activate the Autoptimize plugin. For more details, see our step by step guide on how to install a WordPress plugin.

Upon activation, you need to visit the Settings » Autoptimize page to configure the plugin setting.

autoptimizes

autoptimizes

Reduce server response times (TTFB)

TTFB stands for time to first byte. To put it simply, this is a measurement of how long the browser has to wait before receiving its first byte of data from the server.

it is important for you to know about the factors that affect the server response time, they are mentioned below:

  • A web hosting platform that is unreliable
  • Traffic spikes
  • Poor server and cache configuration
  • Old PHP version
  • Bloated pages
  • Lot of WordPress plugins installed
  • Images not compressed or optimized

 

 

 

 

 

No Comments

Leave a Reply

Your email address will not be published. Required fields are marked *