Smashing Magazine

OCTOBER 6, 2021

We’ll review debugging for each category by learning common culprits for these issues and see how to use dev tools and other methods to pinpoint the offending styles. When something has gone wrong in your CSS, you can begin by using your favorite browser’s built-in DevTools to: toggle off rules one at a time. Large preview ).

Design 145

Design Availability Mobile Website 145

CSS - Tricks

JUNE 1, 2021

Testing is one of those things that you either get super excited about or kinda close your eyes and walk away. Whichever camp you fall into, I’m here to tell you that front-end testing is for everyone. In fact, there are many types of tests and perhaps that is where some of the initial fear or confusion comes from.

Testing 95

Testing Performance Testing Website Code 95

Smashing Magazine

AUGUST 15, 2021

How To Develop Your Business’ Technology Roadmap. How To Develop Your Business’ Technology Roadmap. When people have an idea for a piece of software or an app, they tend to be pretty energized about getting it to market as quickly as possible. As software developers, we’re usually right there with them. Cache Merril.

Technology 139

Technology Technology Development Strategy 139

CSS - Tricks

MARCH 16, 2020

to run Google Lighthouse audits via the command line, save the reports they generate in JSON format and then compare them so web performance can be monitored as the website grows and develops. Google Lighthouse is one of the best-automated tools available on a web developer's utility belt. Here’s what a full report looks like.

Google 82

Google Latency Website Metrics 82

Smashing Magazine

OCTOBER 20, 2021

I don’t know about you, but I’ve been overwhelmed by all the web development tools we have these days. I’m not going to tell you which UI development tools to reach for because they’re all great — depending on the needs of your project. I’m distilling a year’s worth of learnings into a single post here. Ben Holmes.

Website 93

Website Servers Code Programming 93

Smashing Magazine

OCTOBER 19, 2021

What is it, and is it a string to add to your web development bow? Drew McLellan: He’s a DevOps practitioner that focuses on attainable levels of DevOps implementations, regardless of where you are in your journey. So I wanted to talk to you today about the subject of DevOps, which is one of your main key area.

DevOps 83

DevOps Metrics Systems Design 83

Smashing Magazine

NOVEMBER 17, 2022

But what happens when we all start creating content on a massive scale, filling the web with more and more data, and storing hundreds of zettabytes of content? That is why, today, Web Performance is as important and trendy as having an online presence. Table of Contents: What Is Web Performance? What Is Web Performance?

Media 105

Media Cache Website Mobile 105

Smashing Magazine

JULY 6, 2021

Web pages, such as the one you’re reading now, have text, images, videos and other assets to bring information to you. This data would be collated and authored in a Web Content Management System (WCMS) by a content editor. We’ve explored the concepts behind headless CMSes in detail here on Smashing Magazine, but let’s do a quick recap.

Cache 143

Cache Website Mobile Google 143

Smashing Magazine

JULY 29, 2019

I Used The Web For A Day On A 50 MB Budget. I Used The Web For A Day On A 50 MB Budget. This article is part of a series in which I attempt to use the web under various constraints, representing a given demographic of user. Last time, I navigated the web for a day using Internet Explorer 8. Chris Ashton. I enabled Chrome.

Cache 96

Cache Google Mobile Network 96

Alex Russell

OCTOBER 22, 2017

The default global baseline is a ~$200 Android device on a 400Kbps link with a 400ms round-trip-time (“RTT”). This work has been illuminating, sometimes in very unexpected ways. Automating testing against an objective baseline. What’s going on here? JS Is Your Most Expensive Asset.

Performance 68

Performance Benchmarking Network Mobile 68

Rigor

OCTOBER 30, 2019

Reading time 11 min As companies become more aware of the importance of web performance, internal teams begin to research tools they can use to use to track their metrics and improve the user experience of their websites and applications. Google Lighthouse has a lot going for it.

Google 51

Google Best Practices Energy Website 51

CSS - Tricks

MAY 3, 2021

It is the premier tool in the toolbox of web performance people. So yes, WebPageTest is still here. Here’s the real news though: there’s a full-on scalable API now. I’m willing to bet you know WebPageTest. A welcome upgrade, let’s say. It’s still free. Linux; Android 6.0.1; Mobile Safari/537.36

Transportation 86

Transportation Cache Google Mobile 86

Smashing Magazine

OCTOBER 11, 2021

Although they are closely related: Autofill is a browser feature that allows people to save information (on the browser or the OS) and use it on web forms. Autocomplete is an HTML attribute that provides guidelines to the browser on how to (or not to) autofill in fields in a web form. Let’s check it in more detail with an example.

Website 134

Website Design Code Mobile 134

Smashing Magazine

JANUARY 11, 2021

Web performance is a tricky beast, isn’t it? Is it expensive JavaScript, slow web font delivery, heavy images, or sluggish rendering? Getting Ready: Planning And Metrics Performance culture, Core Web Vitals, performance profiles, CrUX, Lighthouse, FID, TTI, CLS, devices. Get a free trial of LogRocket today. Table Of Contents.

Performance 145

Performance Cache Media Metrics 145

Smashing Magazine

JANUARY 6, 2020

Web performance is a tricky beast, isn’t it? Is it expensive JavaScript, slow web font delivery, heavy images, or sluggish rendering? Testing And Monitoring. There are a couple of different models, and the ones discussed below are quite opinionated — just make sure to set your own priorities early on. Quick Wins.

Performance 145

Performance Cache Network Metrics 145

High Scalability

NOVEMBER 25, 2019

Your Laptop has a filesystem used by hundreds of processes. Native Android and iOS apps. What is the name of your system and where can we find out more about it? What is your system used for? How is your project financed? What is your revenue model? You can reach him at @kpatelwork. Introduction.

Architecture 52

Architecture Cache Azure Storage 52