article thumbnail

What Web Designers Can Do To Speed Up Mobile Websites

Smashing Magazine

What Web Designers Can Do To Speed Up Mobile Websites. What Web Designers Can Do To Speed Up Mobile Websites. I recently wrote a blog post for a web designer client about page speed and why it matters. What I didn’t know before writing it was that her agency was struggling to optimize their mobile websites for speed.

Website 110
article thumbnail

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

Smashing Magazine

That’s practically an eternity when talking about page speed performance. Web developers should learn to use various testing tools such as Lighthouse and WebPageTest. WebPageTest waterfall timeline report. In case you’re wondering, 2.4 seconds is not great. Here’s how we are approaching it. And most of all, we need to care.

Media 73
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

The State Of Mobile And Why Mobile Web Testing Matters

Smashing Magazine

Lighthouse CI is quite remarkable: a suite of tools to continuously run, save, retrieve, and assert against Lighthouse results. One thing is certain though: your websites will rank better if they are better optimized for mobile, both in terms of speed and mobile-friendliness — it goes for accessibility as well. Large preview ).

Mobile 133
article thumbnail

Search Engine Optimization Checklist (PDF)

Smashing Magazine

Implementing SEO best practice doesn’t just give you the best chance possible of ranking well in search engines; it makes your websites better by scrutinizing quality, design, accessibility, and speed, among other things. HTTP/2 Test Tool by Geekflare. Testing And Monitoring. Have HTTPS. Backlink Gap by SEMrush.

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

Front-End Performance Checklist 2019 [PDF, Apple Pages, MS Word]

Smashing Magazine

You need a business stakeholder buy-in, and to get it, you need to establish a case study on how speed benefits metrics and Key Performance Indicators ( KPIs ) they care about. Note : If you use Page Speed Insights (no, it isn’t deprecated), you can get CrUX performance data for specific pages instead of just the aggregates.