There are many tools to measure page load speed GT Metrix, Pingdom, WebPageTest and all of Google's tools.
However these all measure the page load speed of a single page in isolation. How do I measure the page to page speed of a site?
Well, each tool is accurate on its own way.
For example Pingdom / GTMetrix allows you to measure the speed of your website when using a Computer with leased internet line.
If you want to measure the speed of your whole website, you need to categorize your pages using templates and then calculate yourself the amount of time between First Byte Received + DomContentLoaded.
Then as soon as this is ready you need to send it towards an analytics tool (maybe Google Analytics) and measure it out of your user experience.
Related
I've spent quite a bit of time on performance optimization for my site and I'm right there at the finish line for getting all the green good scores in search console for mobile usability and core web vitals. The last outstanding thing is getting my LCP under 2.5 seconds for my blog posts.
I'm consistently getting 2.6-2.7 and I can't quite figure out why. The LCP element is the <h1> tag on my blog posts and there are no above-the-fold images.
Example URL With Higher LCP
Let me say that I am using a Beaver Builder website and some marketing tags like GA, GTM, etc but I've spent a lot of time analyzing my script and style loads to create an optimal experience with preconnects and preloads of various resources. I know it's a big ask to try to get a site like this down in load time. I'm on Kinsta hosting with low TTFB, full-page caching and CDN. I am also using the Perfmatters plugin to control various aspects of load times.
I've done everything I can think of to get the LCP down and it seems like the <H1> tag is visible almost immediately but then may be repainted later towards the end of the page load, but I can't figure out the cause of this.
Anyone out there feeling generous that could take a look?
Page Speed Insights URL
as i can see Pagespeed is showing aggregated real user experience of your entire domain, not of this specific pages but for all pages on this domain.
DOM content load time for your page on mobile is around 3sec, that means your LCP has to be greater than this
You need to reduce your DOM content load time first. You need to prioritize your network calls such that redundant dependency needs to be minimized
And also for desktop page, you are lazy loading first fold image which is not considered as a good user experience and might be contributing to LCP for desktop version of your page, also impact negatively for your SEO
Is there some simple things I can do to further speed up my site?
https://developers.google.com/speed/pagespeed/insights/?url=http%3A%2F%2Fwww.yes.education%2F
I am only using sites.google.com and I have an analytics tag on the website. I also had my images optimized on the home page to a very low size, so I am puzzled that google would penalize me for using their own products.
I am trying to know my website's page speed from google page-speed insights. But it showing question mark as result. I want to know about this question mark and its solution.
my website is developed in WordPress.
I recommennd Lighthouse Developer Tools
Simply follow the steps, and you can perform your first Audit without Page Speed Insights!
First step for your website is to serve images that are appropriately-sized to save cellular data and improve the load time.
For example: "07/besp_long1-1.png" which has a size of 1,761 kb can be served with a smaller size and in a next-gen format like .webp.
The given URLs by you are showing following errors in Google Page Speed Insights:
Field Data - The Chrome User Experience Report does not have sufficient real-world speed data for this page.
Origin Summary - The Chrome User Experience Report does not have sufficient real-world speed data for this origin.
It means that your website doesn't provide sufficient number of distinct samples that provide a representative, anonymized view of performance of the URL as per the Documentation of Google page speed insights.
As an alternative I would recommend using Lighthouse Tool to avoid such issues.
I understand that average page load speeds recorder by google analytics will differ from speeds recorded on my machine with firebug, that's pretty obvious. It's an average of page loads on different machines, browsers and broadband speeds
However, how come google report would show that homepage takes longer to load than product page where in firebug is the opposite?
What's your thoughts on monitoring web sites speeds in general using one of those (or both) tools?
You need to ignore the average in Google Analytics and look at the histograms in Content > Site Speed > Page Timings > Performance Tab
Then explore how and why the timing varies
I have suggested that we Enable dynamic content compression on IIS7 to improve user experience. The QA department wants me to demonstrate that it is in fact faster. I've been using Firebug to view the load time waterfall chart generated under the Net setting and it is inconsistent with the overall (total) page load time from page to page. i.e. sometimes faster but sometimes slower.
Dynamic pages by themselves are always faster but now some static uncompressed content appears to be slower.
What I would like is a tool (Firefox addin) that can add together all page load times during a typical workflow (usage) of a site and give me a final time figure. I would then use that with dynamic compression enabled and disabled to see what the total net effect is. Any suggestions?
Use Fiddler from Microsoft, it has a much low level interaction with Explorer and could be easily used to produce comparative graphics.
Firebug is very useful for a lot of stuff, but for every kind of measurement that involves network Fiddler is much better because instead of examining the page it works as a local proxy and so can examine the network traffic much better.
Site link: http://www.fiddler2.com/fiddler2/
The Net tab in Firebug gives you timings for every item the browser downloads. There's also an option to disable the cache, to guarantee accurate timings. I believe that by default it will clear the timings after every page load, but that can be disabled.