Brendan Gregg

FEBRUARY 28, 2023

As I was determined to become great at my new occupation regardless of my location, I read every sysadmin book, article, and magazine I could find on the shelf. Ford, et al., “TCP on Upcoming Sapphire Rapids CPUs,” [link] - Oct 2020 - [Liu 20] Linda Liu, “Samsung QVO vs EVO vs PRO: What’s the Difference?

Performance 110

Performance Latency Cache Virtualization 110

Smashing Magazine

OCTOBER 29, 2019

Speed Up Your Website With WebP. Speed Up Your Website With WebP. Considering how important images are to web design, this isn’t an element we can dispose of so easily nor can we afford to cut corners when it comes to optimizing them. Suzanne Scacca. 2019-10-29T12:30:59+02:00. 2019-10-29T13:36:09+00:00. This is a sponsored post.)

Website 72

Website Speed Cache Google 72

Smashing Magazine

JUNE 2, 2021

Every front-end developer is chasing the same holy grail of performance: green scores in Google Page Speed. Real-life performance for your users and how the website “feels” when you’re using it should not be discounted, even if it costs you a point or two in Page Speed (otherwise, we would all just have a search bar and unstyled text).

Performance 115

Performance Cache Website Mobile 115

Smashing Magazine

AUGUST 9, 2022

PageSpeed Compare is a page speed evaluation and benchmarking tool. Treo Site Speed also performs site speed audits using data from the Chrome UX Report, Lighthouse and PageSpeed Insights. With Treo Site Speed, you can also benchmark a website against competitors. PageSpeed Compare. Large preview ). Large preview ).

Performance 130

Performance Benchmarking Website Metrics 130

Smashing Magazine

DECEMBER 2, 2021

Advent Calendars For Web Designers And Developers (December 2021 Edition). Advent Calendars For Web Designers And Developers (December 2021 Edition). It doesn’t really matter if you’re a front-end dev, UX designer or content strategist, we’re certain you’ll find at least something to inspire you for the upcoming year.

Design 107

Design Development Programming Website 107

Brendan Gregg

FEBRUARY 28, 2023

As I was determined to become great at my new occupation regardless of my location, I read every sysadmin book, article, and magazine I could find on the shelf. Ford, et al., “TCP on Upcoming Sapphire Rapids CPUs,” [link] , Oct 2020 [Liu 20] Linda Liu, “Samsung QVO vs EVO vs PRO: What’s the Difference?

Performance 52

Performance Latency Cache Virtualization 52

Rigor

SEPTEMBER 11, 2019

list of those who are making a significant impact on speeding up the web today. Rachel is the Editor-in-Chief of Smashing Magazine, a British web developer, writer, and speaker. Vitaly is a co-founder of the Smashing Magazine brand. Here is our (ever-growing!) Plus, at the end, a few bonus Twitter handles to round things out.).

Performance 89

Performance Education Google Website 89

Smashing Magazine

DECEMBER 23, 2020

It doesn’t come as a surprise, considering the benefits of higher conversion rates, customer engagement, decreased page loading speed, and lower costs on development and overhead. You can find a comprehensive Beginner’s Guide To Progressive Web Apps on Smashing Magazine that focuses on building the core of PWAs. Large preview ).

Cache 123

Cache Internet Internet Google 123

Smashing Magazine

NOVEMBER 9, 2021

To do that, you develop a personalized design style, including a certain combination of colors, typography, spacing, animations, and others, and apply the style consistently throughout your site. An example in case is this same website, Smashing Magazine. What about images? It makes more sense to automate this task. Conclusion.

Website 103

Website Social Media Media Design 103

Smashing Magazine

AUGUST 17, 2018

Designing For Micro-Moments. Designing For Micro-Moments. A couple of years ago, Google announced a new mobile-first initiative it wanted web designers and marketers to pick up on. In Myriam Jessier’s " Things Designers Should Know About SEO In 2018 ", she sums up Google’s four micro-moments: “I want to know.”. “I

Design 62

Design Google Website Small Business 62

Smashing Magazine

JUNE 10, 2022

We saw how important it is to keep the typographic design parameters and variables the same to get a more accurate result while testing different typefaces. Research and design effort based on not good, okay, very good. Measurement: Research and design effort based on not good, okay, very good. Did you miss out on it?

Performance 94

Performance Design Speed Testing 94

Smashing Magazine

DECEMBER 7, 2023

Rather than pushing off INP until after it starts influencing the way we measure site performance, let’s take a few minutes to level up our understanding of what it is and why it’s designed to replace FID. In other words, INP is a clearer and more accurate way to measure the speed of user interactions.

Traffic 94

Traffic Metrics Google Monitoring 94

Smashing Magazine

JUNE 25, 2021

The business world today is obsessed with user experience (UX) design. Overall, this UX audit and redesign concept would be of great use to UX designers, business owners, and marketing people because it presents a way to audit and fix a product’s most obvious usability issues. On design systems, CSS/JS and UX. Mark Lankmilier.

Education 83

Education Website Google Design 83

Smashing Magazine

JUNE 30, 2021

It’s a community effort , made possible by artists and designers from all across the globe who challenge their creative skills to cater for some good vibes on your screens. This is also why the themes of the wallpapers weren’t anyhow influenced by us but rather designed from scratch by the artists themselves. Submit a wallpaper!

Wireless 116

Wireless Design Energy Transportation 116

Smashing Magazine

AUGUST 15, 2023

That’s practically an eternity when talking about page speed performance. Meet Touch Design for Mobile Interfaces , Steven Hoober’s brand-new guide on designing for mobile with proven, universal, human-centric guidelines. Here’s how we are approaching it. 400 pages , jam-packed with in-depth user research and best practices.

Media 73

Media Metrics Mobile Best Practices 73

Smashing Magazine

OCTOBER 24, 2023

A measly front-end designer like me can be blissfully ignorant of all this mumbo-jumbo. Let’s look at it for a site that’s much “heavier” than Smashing Magazine. Large preview ) That’s a nice big view and is a good illustration of TBT’s impact on page speed. Hey, look at that — great job, team! Meh, untrue.

Google 90

Google Analytics Traffic Metrics 90

Smashing Magazine

JUNE 3, 2022

What would the world’s most ideal, best practice and design research-driven highly legible serif, sans serif, and slab serif possibly be like? How good is a new typeface, and how good is it compared to a similar typeface designed in previous years? How well does a typeface work and perform against another similar typeface?

Performance 110

Performance Design Best Practices Testing 110

Smashing Magazine

NOVEMBER 17, 2022

Web performance refers to the speed at which a website loads, how fast it’s downloaded, and how an app is displayed on the user’s browser. Webpage performance test report for the Smashing Magazine website. Fixes To Common Problems. The Benefits Of Using An Image Service CDN. Case Study: Image Component In A Jamstack Site. Conclusion.

Media 105

Media Cache Website Mobile 105

Smashing Magazine

JUNE 2, 2021

Yes, we’ve changed how we defined the user experience of the page load to look at the loading speed of the most relevant content , but it’s basically reusing the old techniques of ensuring that the content loads as quickly as possible. On design systems, CSS/JS and smart interface design patterns. Jump to online workshops ?.

Media 125

Media Metrics Website Google 125

Smashing Magazine

DECEMBER 17, 2020

Search engine optimization (SEO) is an essential part of a website’s design, and one all too often overlooked. 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.

Engineering 130

Engineering Google Website Analytics 130

Smashing Magazine

MARCH 2, 2021

While many of us, designers and developers, are likely to have a relatively new mobile phone in our pockets, a vast majority of our customers isn’t quite like us. Testing the Smashing Magazine website on different devices. State Of Mobile 2021. That might come a little bit unexpected. Large preview ). Improving Accessibility.

Mobile 133

Mobile Testing Website Benchmarking 133

Rigor

JUNE 12, 2019

Alla Gringaus has worked with a multitude of well-established technology and media brands, including TIME , People , The Economist , and the American Kennel Club, carrying hands-on and leading roles in front-end development and UX, all driven by user-centered design. This is untrue, she says. Alla Gringaus #webperf Click To Tweet. .

Performance 72

Performance Social Media Internet Internet 72

Smashing Magazine

MAY 9, 2022

You can also disable the Back/Forward Cache in Chrome at chrome://flags/#back-forward-cache if you want to experiment more, but the above steps should hopefully be a sufficient enough test to give a rough feel for the potential speed gains. More after jump! 400 pages , jam-packed with in-depth user research and best practices.

Cache 91

Cache Games Performance Website 91

Smashing Magazine

NOVEMBER 19, 2021

Continue reading below ↓ Meet Design The Perfect Navigation , with Vitaly Friedman. This enables you to use wildcards in more than one route without duplicating code as well as speeding up the processing as code execution happens on the edge. Further Reading On Smashing Magazine. “ More after jump! split(".")[0];

Servers 83

Servers Website Code Best Practices 83

Smashing Magazine

JANUARY 21, 2021

We were designing and building things, setting up new products, refactoring the components, and publishing articles. A big JavaScript bundle might seem out of place on a magazine that merely publishes articles, but actually, there is plenty of scripting happening behind the scenes. Image source: Lighthouse Metrics ) ( Large preview ).

Performance 145

Performance Cache Mobile Network 145

Speed Curve

OCTOBER 19, 2015

Base your budget on user research and design principles, such as Better performance through better design. In the chart below, we can see why Smashing Magazine is so much faster - they're simply delivering a lot less JavaScript. Speed Index. What are your users actually trying to achieve and how long will they wait?

Performance 45

Performance Benchmarking Metrics Media 45

Smashing Magazine

AUGUST 3, 2023

These pages serve as a pivotal tool in our digital marketing strategy, not only providing valuable information about our services but also designed to be easily discoverable through search engines. Largest Contentful Paint (LCP) LCP measures the perceived load speed of a webpage from a user’s perspective. SEO is key to our success.

Performance 74

Performance Cache Traffic Metrics 74

Smashing Magazine

JULY 8, 2021

Tools And Practices To Speed Up The Vue.js Tools And Practices To Speed Up The Vue.js In a traditional app where we have signup, logins, or product page we want to have consistent behavior and design. UI kit built upon material design. Development Process. Development Process. Uma Victor. 2021-07-08T11:00:00+00:00.

Speed 132

Speed Processing Development Code 132

Smashing Magazine

JANUARY 11, 2021

Performance isn’t just a technical concern: it affects everything from accessibility to usability to search engine optimization, and when baking it into the workflow, design decisions have to be informed by their performance implications. Note : If you use Page Speed Insights or Page Speed Insights API (no, it isn’t deprecated!),

Performance 145

Performance Cache Media Metrics 145

Smashing Magazine

OCTOBER 27, 2021

If you are designing an app or a website, you can test how easy and intuitive it is to complete a specific task, fill out a form, find certain information, or buy a product. Before those studies, web pages were designed as printed media, with columns and big blocks of text. Eye-Tracking Evolution. Source: Oculid) ( Large preview ).

Mobile 111

Mobile Website Hardware Social Media 111

Smashing Magazine

NOVEMBER 2, 2021

Application leaders for digital commerce technologies must plan for PWAs when designing digital commerce experiences”. This also implies that you don’t have to spend additional time and money on creating a PWA to suit various devices, greatly speeding up time-to-market. The Design Gives Ground For Utmost Usability. Why is that?

Code 74

Code Cache Retail Mobile 74

Smashing Magazine

JANUARY 7, 2019

Performance isn’t just a technical concern: it matters, and when baking it into the workflow, design decisions have to be informed by their performance implications. 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.

Performance 103

Performance Cache Metrics Network 103

Smashing Magazine

JUNE 1, 2022

You’ve spent months putting together a great website design, crowd-pleasing content, and a business plan to bring it all together. You’ve focused on making the web design responsive to ensure that the widest audience of visitors can access your content. You’ve agonized over design patterns and usability. Ken Harker.

Website 131

Website Design Network Best Practices 131

Smashing Magazine

JANUARY 6, 2020

Performance isn’t just a technical concern: it affects everything from accessibility to usability to search engine optimization, and when baking it into the workflow, design decisions have to be informed by their performance implications. Looking back now, things seem to have changed quite significantly. Large preview ). Large preview ).

Performance 145

Performance Cache Network Metrics 145

KeyCDN

JANUARY 16, 2019

The concept of responsive web design has been around for a while, but all of the kinks have yet to be ironed out. One of the biggest challenges of responsive web design is creating clean markup. Downlink , which represents the user’s maximum download speed. Why Use Client Hints?

Servers 67

Servers Google Website Energy 67

Smashing Magazine

OCTOBER 12, 2021

Bridging The Gap Between Designers And Developers. Bridging The Gap Between Designers And Developers. In the past couple of years, it’s no secret that our design tools have exponentially evolved. How do we bridge this gap between what is designed over what is developed without the overhead of constantly doing reviews?

Design 109

Design Development Processing Testing 109

Smashing Magazine

APRIL 29, 2022

And slow websites are, in a way, discrimination: The majority of the world’s population don’t have access to high-speed Internet or fast CPUs. Even if your website is designed with usability in mind, these factors impede users from fully benefiting from the website’s features. More after jump! The Architecture Behind Partytown.

Website 80

Website Google Open Source Mobile 80