A dev tool in chrome to audit the webpages. For
quality, accessibility, performance, best practices and SEO.
How to check your webpage using the lighthouse
Step 1. Open the webpage you wish to audit
Step 2. Right-click > Inspect > Go to Audit
If you may observe the issue in the audit like below, it may appear likely due to chrome extensions.
You can use chrome incognito mode and enjoy a clean
How to audit with lighthouse using Chrome Incognito
Step 1. Open Chrome > Top right pane > New
Step 2. Open the webpage you wish to audit
Step 3. Right-click > Inspect > Go to Audit
Let’s get back to our main topic
Why consider a website redesign service?
After using the audit procedures, you will observe a clearer picture of your website performance, a report like below generated from a lighthouse audit.
Lighthouse also provides you with the option to create a report on how your website is performing in a mobile device.
You can now see for the first time how well your best
website pages are performing.
Google Page speed insights tool is again using
lighthouse algorithm, and you will find results like below
Page speed insight tool provides you stats for desktop and mobile separately.
And you will be surprised to see the site performing excellently in desktop loses efficiency in mobile!
Understanding Lab Data
When a user requests a webpage and looking for a
visual appearance, they perceive all the below points and reassure themselves
everything is going on as expected.
Has the server
responded? Any navigation appeared
Is it useful?
Has the content
appeared yet to engage the user
Is it usable?
Is the page
still loading or I am ready to interact?
interaction is user-friendly J
To precisely explain the above scenarios, lab data
introduced with well-defined stages,
Time to interactive
How a webpage download? See the different stages
I would like to explain a bit more on FMP & TTI
The primary element or the essential part of any given
webpage is called a hero element. E.g. video is a hero element in YouTube, cost
calculator is a hero element in a website design cost
calculator page, and likewise, the recipe is a
hero element in a webpage related with recipes, notifications or tweets in
Any given webpage always have parts more important
than others and if these more important parts downloads quickly, users may not
bother the download of other sections of the page.
And keeping more essential parts or hero elements
behind a long task creates a bad experience to the user.
The picture is showing the primary or hero element in a given webpage.
The browser works in a sequential manner executing
render or a 3rd party resource, so this way the browser is single
Make sure to avoid queuing of your hero elements behind any long task.
Google says, any task longer than 50 milliseconds is potentially problematic.
Image source: Google
Time to Interactive
The moment your application or webpage is visually
rendered and ready to accept input from the user is a TTI stage.
However, a webpage is unable to respond to a user for two
primary reasons. These two are significant factors for slow websites on the entire
Main thread blocked by the long
You can see the different stages till TTI
Image source: Google
Slow server response increases page load time,
When a user requests a page, the browser sends the
query to the network server to fetch the content.
The server, in turn, receives the request and return
the page content. The server executes & handle a lot of sequential tasks to
perform browser requests.
E.g. if the user is looking for products, the server
will query the product database before adding the content like description,
prices, details etc.
Optimising the server to execute the particular tasks
reduces page load time. And that depends on the managed
hosting web services your web host is providing.
Technically we call this, TTFB (Time to first byte),
it represents the time taken by the browser to receive the first byte of the
increase server response time
Optimise the server software to
handle the sequential tasks faster
Increase server hardware
Optimise the database server
Use a dedicated DNS server
DNS is Domain name system, IP addresses (Internet
Protocol) are attach with domain names
or URL (Uniform resource locator)
Website redesign? 95% of websites suffering speed score
Website redesign? 95% of websites suffering speed score. Google declares, website page speed will be a ranking factor for mobile searches.
Hyder Ali Khan
Hyder Ali Khan Hyder Ali Khan has worked in the digital marketing industry for the past ten years, with the majority of that time spent in the role of Operations Director & head of digital assets creation & marketing at Pacific Infotech...Read more