Smashing Magazine

JANUARY 11, 2021

Front-End Performance Checklist 2021. Front-End Performance Checklist 2021. This guide has been kindly supported by our friends at LogRocket , a service that combines frontend performance monitoring , session replay, and product analytics to help you build better customer experiences. Web performance is a tricky beast, isn’t it?

Performance 145

Performance Cache Media Metrics 145

Smashing Magazine

MARCH 2, 2021

These days, with mobile traffic accounting for over 50% of web traffic , it’s fair to assume that the very first encounter of your prospect customers with your brand will happen on a mobile device. A performance benchmark Lighthouse is well-known. billion by 2026. Making A Case For Business. Driving Business Metrics.

Mobile 134

Mobile Testing Website Benchmarking 134

Smashing Magazine

OCTOBER 24, 2023

The Fight For The Main Thread The Fight For The Main Thread Geoff Graham 2023-10-24T18:00:00+00:00 2023-10-24T22:02:26+00:00 This article is sponsored by SpeedCurve Performance work is one of those things, as they say, that ought to happen in development. But not everything about performance happens directly at the code level, right?

Google 91

Google Analytics Traffic Metrics 91

Smashing Magazine

AUGUST 10, 2023

Large preview ) I don’t know about you, but it often feels like I’m missing something when measuring page speed performance. Not the best way to get a high-level view of performance. I’ve had time to work with DebugBear and thought I’d give you a peek at it with some notes on my experience using it to monitor performance.

Speed 81

Speed Monitoring Testing Network 81

Smashing Magazine

MARCH 7, 2022

In my last article , I suggested using the SaveData API to deliver a different, more performant, experience to users that expressed that desire. Approximately two-thirds of Indian mobile Chrome users of Smashing Magazine have this setting turned on, for example. For Smashing Magazine, that involved dropping some of our web fonts.

Website 103

Website Media Mobile Network 103

Smashing Magazine

DECEMBER 23, 2020

You can find a comprehensive Beginner’s Guide To Progressive Web Apps on Smashing Magazine that focuses on building the core of PWAs. By default, PWAs have greater performance over similar native apps due to their lite nature. PWAs can be mighty powerful for increasing your site’s traffic and expanding on user experience.

Cache 124

Cache Internet Internet Google 124

Smashing Magazine

OCTOBER 31, 2023

Answering Common Questions About Interpreting Page Speed Reports Answering Common Questions About Interpreting Page Speed Reports Geoff Graham 2023-10-31T16:00:00+00:00 2023-10-31T17:06:18+00:00 This article is sponsored by DebugBear Running a performance check on your site isn’t too terribly difficult. Can’t be perfect every time!

Speed 97

Speed Google Website Metrics 97

Smashing Magazine

AUGUST 22, 2021

HTTP/3: Performance Improvements (Part 2). HTTP/3: Performance Improvements (Part 2). In this second part, we will zoom in on the performance improvements that QUIC and HTTP/3 bring to the table for web-page loading. HTTP/3 performance features ( current article ). Robin Marx. 2021-08-23T06:20:00+00:00.

Performance 106

Performance Network Latency Servers 106

Smashing Magazine

JANUARY 6, 2020

Front-End Performance Checklist 2020 [PDF, Apple Pages, MS Word]. Front-End Performance Checklist 2020 [PDF, Apple Pages, MS Word]. Web performance is a tricky beast, isn’t it? How do we actually know where we stand in terms of performance, and what our performance bottlenecks exactly are? Vitaly Friedman.

Performance 145

Performance Cache Network Metrics 145

Smashing Magazine

APRIL 16, 2024

There are three web vitals metrics Google uses to measure different aspects of website performance: Largest Contentful Paint (LCP), Cumulative Layout Shift (CLS), Interaction to Next Paint (INP). What Are Core Web Vitals? It also doesn’t include any debug data to help you optimize your metrics.

Google 106

Google Monitoring Website Speed 106

Smashing Magazine

MAY 20, 2020

How To Make Performance Visible With GitLab CI And Hoodoo Of GitLab Artifacts. How To Make Performance Visible With GitLab CI And Hoodoo Of GitLab Artifacts. Performance degradation is a problem we face on a daily basis. Performance is a competitive advantage that can bring and retain customers. Anton Nemtsev.

Performance 99

Performance Metrics Best Practices Code 99

Smashing Magazine

MARCH 19, 2021

Working around improving performance was an ongoing journey on SmashingMag for a while. In the end of last year we’ve noticed that we’ve seen quite a drop in performance in 2020, so we rolled up our sleeves and got to work. We were busy not only with performance and UX optimizations though. Vitaly Friedman. Large preview ).

Mobile 140

Mobile Design Cache Code 140

Smashing Magazine

JANUARY 7, 2019

Front-End Performance Checklist 2019 [PDF, Apple Pages, MS Word]. Front-End Performance Checklist 2019 [PDF, Apple Pages, MS Word]. Web performance is a tricky beast, isn’t it? How do we actually know where we stand in terms of performance, and what our performance bottlenecks exactly are? Vitaly Friedman.

Performance 104

Performance Cache Network Metrics 104

Smashing Magazine

FEBRUARY 15, 2021

When I think of network speeds, I tend to rely on WebPageTest ’s traffic profiles: Traffic profiles to keep in mind on WebPageTest : ranging from Cable and DSL to 3G Slow and 2G. The table below is showing the total amount of traffic used. Large preview ). With HLS video, there is a JavaScript player, CSS, fonts, etc.

Network 143

Network Speed Website Mobile 143

MachMetrics

OCTOBER 12, 2020

We love hearing from customers who successfully increase their website’s performance. Check out this video , where Mathias Biilmann talks about his realization that bringing the Smashing Magazine website over from WordPress to a static site using the JAMstack and Netlify hosting would make it load around 6 times faster!

Website 52

Website Speed Traffic Database 52

Smashing Magazine

AUGUST 9, 2021

Often they make it seem as if HTTP/3 is a revolution in performance, while it is really a more modest (yet still useful!) It was heralded as an amazing performance revolution, with exciting new features such as server push, parallel streams, and prioritization. HTTP/3 performance features ( coming up soon! ).

Transportation 145

Transportation Internet Internet Network 145

Smashing Magazine

NOVEMBER 8, 2021

We work with millions of merchants, and as many companies, we obsess about storefront performance. We obsess even more about finding the optimal balance between performance, capabilities, and merchants’ business objectives. I work at Shopify, an all-in-one commerce platform to start, run, and grow a business.

Cache 136

Cache Best Practices Strategy Servers 136

Smashing Magazine

JUNE 29, 2021

Building performance, deploy performance, caching, developer experience. Though not recommended for real-world scenarios (you will want to pre-render your traffic-heavy routes), it marks clearly the range of build-time performance improvement we can achieve with this approach. On-Demand Builders With Next.js. Build time.

Cache 130

Cache Website Strategy Traffic 130

Smashing Magazine

JUNE 1, 2022

You may have a lean, agile, responsive site design only to find it gradually loaded down with more and more “extras” that are often put onto the site by marketing departments or business leaders who are not always thinking about website performance. They can also highlight very long redirection chains in your third-party traffic.

Website 131

Website Design Network Best Practices 131

Smashing Magazine

SEPTEMBER 6, 2021

If after the previous two parts — HTTP/3 history and core concepts and HTTP/3 performance features — you’re convinced that starting to use the new protocols is a good idea (and you should be!), HTTP/3 performance features. Note that there is an Apache Traffic Server implementation, though.).

Network 105

Network Servers Cache Traffic 105

Smashing Magazine

APRIL 21, 2023

They were designed to provide a way to execute JavaScript code in the background, separate from the main execution thread of a web page, in order to improve performance and responsiveness. Web Workers are designed to perform tasks that do not require direct access to the UI, such as data processing, image manipulation, or calculations.

Efficiency 107

Efficiency Code Strategy Network 107

Smashing Magazine

JUNE 25, 2021

The tool analyzes edX’s rank, traffic sources, advertising, and audience interests. It’s a tool used internally at Fulcrum (where I work), but I thought it would be good to share it with the Smashing Magazine audience. A UX audit is a simple and efficient way to check whether design elements are performing their function.

Education 84

Education Website Google Design 84

Smashing Magazine

OCTOBER 11, 2022

Making performance improvements to a client’s site could result in happier clients who send more business our way. Asim talked about Performance Mode in Microsoft Edge: switching on Performance Mode means users get a faster website, while also saving resources. Terabyte of wasted traffic. The Bigger Picture. With approx.

Strategy 124

Strategy Development Energy Website 124

Smashing Magazine

JUNE 25, 2020

Together, we’ll develop an intuition for the strategies available to Django developers for serving these files to users worldwide in a secure, performant, and cost-effective manner. This strategy is very simple and closely resembles the development environment, but cannot handle large or inconsistent amounts of traffic effectively.

Media 69

Media Cache Storage AWS 69

Smashing Magazine

JUNE 8, 2021

For a thorough guide on image optimization, we’ve teamed up with Addy Osmani , an engineer manager working on Google Chrome who was working all around web performance for decades. Some of the biggest size savings and performance improvements can come through a better image optimization strategy. Image Decoding Performance. +.

Media 106

Media Cache Google Best Practices 106

Smashing Magazine

APRIL 19, 2021

LCP is supposed to measure loading performance and is a good proxy for all the old metrics we in the performance community used to use (i.e. Previous Web Performance Metrics. At the top is the big Lighthouse performance score out of 100. SpeedIndex (SI). Largest Contentful Paint (LCP). Time to Interactive (TTI).

Google 140

Google Metrics Mobile Analytics 140

Smashing Magazine

APRIL 28, 2021

For a thorough guide on image optimization, we’ve teamed up with Addy Osmani , an engineer manager working on Google Chrome and focusing around performance for decades. Some of the biggest size savings and performance improvements can come through a better image optimization strategy. Image Decoding Performance. +.

Media 93

Media Cache Google Best Practices 93

Smashing Magazine

SEPTEMBER 24, 2021

That was until we went to production with our highest traffic customer. From the moment we went live, we experienced performance issues. performance improvement can lead to a 10% increase in conversion. performance improvement can lead to a 10% increase in conversion. Plan For Performance And Measure Performance.

Website 114

Website Code Servers Analytics 114

Smashing Magazine

APRIL 11, 2022

Of all those options, it’s safe to assume that text is the best choice for LCP performance because it loads and renders fast. These default priorities work reasonably well for most cases, usually resulting in a good performance. Improving Largest Contentful Paint performance. Large preview ). Examples And Use Cases.

Media 70

Media Tuning Metrics Google 70

Smashing Magazine

DECEMBER 17, 2020

Following best practice usually means a better website, more organic traffic, and happier visitors. There’s no question that there exist bad websites that perform well, but more and more are weeded out with each update. Reports Boiling down your SEO performance into regular reports makes progress more manageable. Win, win, win.

Engineering 131

Engineering Google Website Analytics 131

Smashing Magazine

MARCH 28, 2019

Here’s the problem though: As a website grows in authority and expands its reach, security and performance problems will arise if the hosting configuration isn’t prepared to handle it. For example: An underpowered hosting plan fails to handle influxes of traffic, which leads to slower page speeds and a drop in conversion rates.

Website 48

Website Servers Design Traffic 48

Smashing Magazine

JULY 29, 2019

Throughout the experiment I will suggest performance tips to speed up the first contentful paint and perceived loading time of the page. Performance Tip #1: Inline Critical CSS. Performance Tip #2: Minify And Uglify Your Assets. Performance Tip #3: Less Is More. Performance Tip #4: Compress Text-based Assets.

Cache 96

Cache Google Mobile Network 96

Smashing Magazine

FEBRUARY 12, 2019

However, it’s most likely that you wouldn’t really care about the few free days you get when the service performance is this bad. Uptime guarantee available: Despite their bad performance (the worst ever, by far, anywhere…), Arvix actually does have an official uptime guarantee of 99.9%. Arvixe.com. Total downtime: a month.

Testing 50

Testing Website Servers Availability 50

Smashing Magazine

SEPTEMBER 26, 2019

You could leave your application like this, but it’s not performant (we discuss performance tips and tricks in one of the next parts of the article) and looks quite messy, to be honest. From now on, we’re directing HTTP traffic to our React subfolder. Technically speaking, you get Alien application with remaining glue from Host.

Architecture 74

Architecture Virtualization Servers Technology 74