Google PageSpeed Tools#PageSpeed Modules
{{Short description|Online service by Google}}
{{Multiple issues|
{{unreliable sources|date=March 2017}}
{{Advert|date=March 2022}}
}}
Google PageSpeed is a family of tools by Google, Inc.{{Cite web |title=About PageSpeed Insights |url=https://developers.google.com/speed/docs/insights/v5/about |access-date=2022-08-13 |website=Google Developers |language=en}} designed to help optimize website performance.{{cite web|last1=Ivanovs|first1=Alex|title=PageSpeed Module: Improving Your Websites' Performance|url=https://huffingtonpost.com/alex-ivanovs/pagespeed-module-improvin_b_5130698.html|website=huffingtonpost.com/|date=16 April 2014|publisher=The Huffington Post|access-date=23 March 2015}} It was introduced at a Developer Conference in 2010.{{cite web|last1=Kerner|first1=Sean Michael|title=Google Speeds Up the Web with Apache Web Server Module|url=http://www.serverwatch.com/news/article.php/3911511/Google-Speeds-Up-the-Web-with-Apache-Web-Server-Module.htm|website=serverwatch.com/news/|date=4 November 2010|access-date=23 March 2015}}{{cite web|last1=Ram|first1=Ramani|title=Page Speed Service: Web performance, delivered|url=http://googlecode.blogspot.com/2011/07/page-speed-service-web-performance.html|website=googlecode.blogspot.com/|access-date=17 March 2015|date=2011-07-29}}
There are four main components of PageSpeed family tools:
- PageSpeed Module (consisting of mod PageSpeed{{cite web |title=Github |url=https://github.com/apache/incubator-pagespeed-mod |access-date=6 August 2020 |website=github.com |publisher=Google Inc}} for the Apache HTTP Server and NGX PageSpeed{{cite web |title=Github |url=https://github.com/apache/incubator-pagespeed-ngx |access-date=6 August 2020 |website=github.com |publisher=Google Inc}} for the Nginx){{cite web |title=Apache Incubator |url=https://www.modpagespeed.com/ |access-date=6 August 2020 |website=modpagespeed.com/ |publisher=Google Inc}}
- PageSpeed Insights
- PageSpeed Service
- PageSpeed Chrome DevTools extension. These components aim to identify and automatically correct deviations from Google's Web Performance Best Practices.
PageSpeed Modules
The PageSpeed Modules are the open-source Apache HTTP Server or Nginx web server modules, which automatically apply chosen filters to pages, associated assets (like stylesheets, JavaScript, and HTML files), as well as to images and website cache requirements. These modules do not require modifications to existing content or workflow,{{cite web|last1=Edwards|first1=Ben|date=2014-07-28|title=Authoring critical above-the-fold CSS|url=https://benedfit.com/2014/07/authoring-critical-above-the-fold-css/|access-date=23 March 2015|website=benedfit.com}} meaning that all internal optimizations and changes to files are made on the server side, and present modified files directly to the user. Each of the 40+ filters corresponds to one of Google's web performance best practices rules.
Since the PageSpeed module is an open-source library, it is frequently updated by numerous developers worldwide. It can be deployed by any individual site, hosting providers, or CDNs.{{cite web|title=PageSpeed Insights SDK|url=https://code.google.com/p/page-speed/|access-date=23 March 2015|website=code.google.com|publisher=Google Inc}}
The installation can be done in two ways: from packages or built from source on the following supported platforms:
=Ports=
Other servers that offer a PageSpeed optimization module based on Google's Page Speed SDK:
- Apache Traffic Server - ATS page speed{{cite web|title=ats_pagespeed|url=https://www.iispeed.com/products/ats-pagespeed|website=iispeed.com/|publisher=IISpeed B.V.|access-date=2015-05-25|archive-url=https://web.archive.org/web/20150525224139/https://www.iispeed.com/products/ats-pagespeed|archive-date=2015-05-25|url-status=dead}}
- Microsoft Internet Information Services - IIS WebSpeed{{cite web|title=IIS WebSpeed|url=https://www.iiswebspeed.com/products|website=iiswebspeed.com/|publisher=IISpeed B.V.}}
Filters
PageSpeed module filters are settings, based on which a web page optimization rule is applied. They can be divided into five main categories:
Speed impact
The PageSpeed Module showed the most significant impact on decreasing web page loading times, payload size, and number of requests compared to other industry options. According to several researchers, '[https://www.modpagespeed.com/ mod_pagespeed]' can reduce loading times by up to 80%, the number of bytes on a wire can be decreased by 30%, and the number of total requests can drop by over 20%. Since many search engines, including Google, employ a ranking algorithm that is affected by a page's loading speed, these optimizations can impact a website's placement in search results.{{cite web|last1=Enge|first1=Eric|title=Case Study: Impact of Code Cleanup on Site Traffic|url=http://searchenginewatch.com/sew/study/2064113/case-study-impact-code-cleanup-site-traffic|website=searchenginewatch.com/|publisher=Search Engine Watch|access-date=23 March 2015|date=2011-03-06}}{{cite web|last1=Kuchler|first1=Margaret|title=The Growing Need For Speed: How Site Performance Increasingly Influences Search Rankings|url=http://www.retailtouchpoints.com/cross-channel-strategies/885-the-growing-need-for-speed-how-site-performance-increasingly-influences-search-rankings|website=retailtouchpoints.com/|date=19 May 2011|publisher=Retail Touch Points|access-date=23 March 2015}} As of February 2015, Google has begun testing “Slow” labels on mobile devices{{cite web|last1=Barry|first1=Shwartz|title=Google Testing A Red "Slow" Label In The Search Results For Slower Sites|url=http://searchengineland.com/google-testing-red-slow-label-search-results-slower-sites-215483|website=searchengineland.com/|access-date=17 March 2015|date=2015-02-25}} for websites that exceed a certain amount of loading time, prompting developers to examine ways to increase a page's load speed.
Google estimates that for every delay in mobile page load time, the conversion rate drops by 20%.{{Cite web |title=Mobile Page Load Delay Causes Conversion Loss |url=https://www.thinkwithgoogle.com/marketing-strategies/app-and-mobile/mobile-page-speed-conversion-data/ |access-date=2024-05-23 |website=Think with Google |language=en}}
PageSpeed Insights (PSI)
[https://pagespeed.web.dev/ PageSpeed Insights (PSI)] is a free tool from Google that analyzes the performance of a web page on both mobile and desktop devices. It provides suggestions on how to improve the page's speed and overall user experience.
Data and Metrics
PSI utilizes [https://web.dev/articles/speed-tools two main types of data]:
- Lab Data: Collected in a controlled environment using Lighthouse to simulate user experience. Useful for debugging performance issues.
- Field Data: Real-world user experience data gathered from the [https://developer.chrome.com/docs/crux Chrome User Experience Report (CrUX) dataset]. This data includes metrics like First Contentful Paint (FCP), Largest Contentful Paint (LCP), Interaction to Next Paint (INP), and Cumulative Layout Shift (CLS).
Real-User Experience Data
PSI leverages CrUX data to provide insights into real user experiences. It reports on various metrics over a 28-day period, including:
- First Contentful Paint (FCP): Time taken for the first content to render on the page.
- Largest Contentful Paint (LCP): Time taken for the main content of the page to render.
- Interaction to Next Paint (INP): Time taken for the page to become interactive after the user interacts with it.
- Cumulative Layout Shift (CLS): Measures the amount of unexpected layout shift a user experiences during page load.
- Time to First Byte (TTFB) (Experimental): Time taken for the browser to receive the first byte of response from the server.
- First Input Delay (FID) (Deprecated): Measures the time it takes for a user interaction to be reflected on the page (no longer recommended by Google).
PSI classifies these metrics into three categories based on Web Vitals thresholds: Good, Needs Improvement, and Poor.
Core Web Vitals
A subset of the field data metrics, [https://web.dev/explore/learn-core-web-vitals Core Web Vitals], are critical for a good user experience. These include LCP, INP, and CLS. PSI analyzes these metrics to determine if a page meets the Core Web Vitals assessment criteria. These are also used as a [https://developers.google.com/search/blog/2023/04/page-experience-in-search#are-core-web-vitals-still-important SEO ranking signal].
Lab Diagnostics
PSI uses Lighthouse to analyze a web page in a simulated environment. It provides scores and recommendations for various categories like Performance, Accessibility, Best Practices, and SEO. The Performance category includes metrics like FCP, LCP, CLS, and Time to Interactive, each with scores and improvement suggestions.
Overall, PSI is a valuable tool for website owners and developers to identify performance bottlenecks and improve the user experience of their web pages.
PageSpeed Chrome Extension
Pagespeed extension is an extension of Chrome Browser and is a part of Google Chrome Developer Tools. Visitors who use PageSpeed regularly can view all given metrics by PageSpeed Insights directly in a browser and download webpage resources, optimized according to web performance best practices. It has now been deprecated{{Cite web|url = https://developers.google.com/speed/pagespeed/insights/ |title = PageSpeed Insights {{!}} PageSpeed Insights {{!}} Google Developers|website = Google Developers|language = en|access-date = 2016-09-08}} and Google recommends the online version be used instead.
PageSpeed Service
PageSpeed service was a commercial product, provided by Google Inc. The service was offered free of charge since it was still officially in beta version. Service included all Pagespeed Module optimizations and use of Google servers’ infrastructure.{{cite web|last1=Lardinois|first1=Frederic|title=Google Updates PageSpeed Service, Promises To "Turbocharge Your Website"|url=https://techcrunch.com/2012/08/03/google-updates-pagespeed-service-promises-to-turbocharge-your-website/|access-date=23 March 2015|website=techcrunch.com|date=3 August 2012 |publisher=The Tech Crunch}} Google announced the deprecation of PageSpeed service on 5 May 2015{{cite web|url=https://groups.google.com/forum/#!topic/page-speed-service-discuss/h4jyUpv6Bc8|title=Google Groups|website=groups.google.com|access-date=7 February 2019}} and turned it off on 3 August 2015.{{cite web|url=https://developers.google.com/speed/pagespeed/service/Deprecation|title=Turndown information for PageSpeed Service - PageSpeed Service|website=Google Developers|access-date=7 February 2019}}
PageSpeed is now a critical tool for businesses looking to rank their website on search engines organically, given that 47% of users abandon websites that take longer than 2 seconds to load. {{Cite web |last=Dentten |first=Will |date=Dec 6, 2024 |title=Google Pagespeed Insights: Why Is It Important |url=https://www.testvalleydigital.com/blog/google-pagespeed-insights-why-is-it-important/ |website=Test Valley Digital}}
See also
References
{{reflist}}
External links
- [https://pagespeed.web.dev/ Page Speed Insights]
- [https://web.dev/measure/ web.dev Measure]
{{Google LLC}}