article thumbnail

Modern Methods For Improving Drupal’s Largest Contentful Paint Core Web Vital

Smashing Magazine

Web developers should learn to use various testing tools such as Lighthouse and WebPageTest. Wrapping Up In this article, we identified, measured, and fixed a very common performance issue, not only in Drupal but in everyday front-end work. We should learn common metrics , such as Time to First Byte, LCP, and other web vitals.

Media 73
article thumbnail

The State Of Mobile And Why Mobile Web Testing Matters

Smashing Magazine

The earlier you invest in accessibility testing, the more you’ll save down the road on expensive consultancy, expensive third-party services, or expensive lawyers. Mobile Web Testing. So, with all the challenges in the mobile space, how, then, do we test on mobile? Testing the Smashing Magazine website on different devices.

Mobile 133
Insiders

Sign Up for our Newsletter

This site is protected by reCAPTCHA and the Google Privacy Policy and Terms of Service apply.

Trending Sources

article thumbnail

Performance Game Changer: Browser Back/Forward Cache

Smashing Magazine

WebPageTest is one of the few web performance testing tools that actually tests a reload of the page using a primed HTTP Cache — most of the other tools just flag if your HTTP resources are not explicitly set to be cached. Back/Forward Cache Testing Tool. Large preview ). all the way down to 1.7

Cache 91
article thumbnail

What Web Designers Can Do To Speed Up Mobile Websites

Smashing Magazine

One tool that’s particularly helpful is called Lighthouse. Instead, I suggest that web designers use another Google testing tool called Test My Site. Test My Site is a mobile page speed testing tool from Think with Google. Source: Test My Site ) ( Large preview ).

Website 110
article thumbnail

Solving CLS Issues In A Next.js-Powered E-Commerce Website (Case Study)

Smashing Magazine

We use Lighthouse and WebPagetest as our synthetic testing tools for performance to measure CLS. At first, we decided to run some tests using synthetic testing tools. Therefore having a low CLS value for a page ensures there are no random layout shifts causing user frustration. 004 which is quite low.

Website 105
article thumbnail

Search Engine Optimization Checklist (PDF)

Smashing Magazine

HTTP/2 Test Tool by Geekflare. Testing And Monitoring. Run your site through speed testing tools like PageSpeed Insights and GTmetrix. Google and other search engines punish websites that don’t have it. Have HTTPS. Most web hosting providers throw it in for free. If they don’t, get it, or change providers.

article thumbnail

An In-Depth Guide To Measuring Core Web Vitals

Smashing Magazine

Total Blocking Time (TBT) is a good proxy for FID when using a testing tool without any direct user interaction, but also keep an eye on Time to Interactive (TTI) when looking at FID. Cumulative Layout Shift (CLS). A very interesting metric, quite unlike other metrics that have come before for a number of reasons.

Google 140