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.
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 seconds. The 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 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.
You can improve your page load speed by inlining links and scripts that are required for first paint, and deferring those that aren’t.
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.
Upon activation, you need to visit the Settings » Autoptimize page to configure the plugin setting.
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