Smashing Magazine

JUNE 26, 2019

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. However, their focus has always been on making a great-looking and effective design. Suzanne Scacca. seconds too long.

Website 111

Website Speed Mobile Design 111

Jos

JUNE 2, 2018

Google’s Lighthouse is one of them, which shows information about PWA, SEO and more. presented in Google IO 2018 ( source ) These tools make it easier to determine where we need to put emphasis to improve our sites. UI/UX : There is usually a designer and/or UX person that sets the look & feel and information architecture.

Performance 237

Performance Speed Google Media 237

Smashing Magazine

NOVEMBER 5, 2021

The Value Of Concept Testing As Part Of Product Design. The Value Of Concept Testing As Part Of Product Design. UX design teams are passionate about our approach to solving problems and providing users with experiences that lead to their desired outcomes. UX teams should consider it a mandatory step in designing a product.

Design 118

Design Testing Education Processing 118

The Morning Paper

FEBRUARY 16, 2020

design , Sheng, CIDR’20. ’ design. Software 2.0 , in case you missed it, is a term coined by Andrej Karpathy to describe software in which key components are implemented by neural networks. The particular system discussed in this paper is Google’s email information extraction system. But in Software 2.0

Systems 84

Systems Design Software Software 84

CSS Wizardry

AUGUST 13, 2019

An outgoing request from a whitelisted domain returns a 302 , forwarding the request to a self-hosted CSS file that is optimised specifcally for your browser, OS, and UA (Google Fonts do something similar). In case you’re wondering, a non-whitelisted domain returns a 403. The CSS file(s) that we host is provided by Cloud.typography.

Latency 213

Latency Cache Strategy Media 213

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 66

Design Google Website Mobile 66

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. However, there are quite a few high-profile case studies exploring the impact of mobile optimization on key business metrics. State Of Mobile 2021.

Mobile 142

Mobile Testing Website Benchmarking 142

Smashing Magazine

DECEMBER 22, 2021

Created by Jon Yablonski, this lovely website explains 21 psychological principles that designers can consider to create more human-centered products and experiences. The right tools at the right time, help streamline the design process. User experience research is a crucial component of the human-centered design process.

Airlines 136

Airlines Mobile Design Strategy 136

Dynatrace

NOVEMBER 29, 2021

Self-hosted Kubernetes installations or services — such as Amazon EKS, Azure Kubernetes Service, or the Google Kubernetes Engine — make it possible for enterprises to select and implement best-fit functions. It also protects your development infrastructure at scale with enterprise-grade security. OpenShift, DevOps, and CI/CD.

Monitoring 147

Monitoring DevOps Infrastructure Metrics 147

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 138

Website Design Network Testing 138

O'Reilly

FEBRUARY 25, 2025

Hi, I am a professor of cognitive science and design at UC San Diego, and I recently wrote posts on Radar about my experiences coding with and speaking to generative AI tools like ChatGPT. under 100 lines), which is exactly the target use case for Python Tutor. You can find more information and our call for presentations here.

Code 83

Code Programming Servers Cloud 83

MachMetrics

JANUARY 16, 2020

Make no mistake, this is a key step to take and should absolutely be a part of your web design/development routine. His article in the Web Performance Calendar, The ugly truth about optimizing beautiful images , explores a few case studies and offers some solutions as well. We’re no exception.

Speed 89

Speed Website Metrics Cache 89

Jos

JUNE 2, 2018

Google’s Lighthouse is one of them, which shows information about PWA, SEO and more. presented in Google IO 2018 ( source ). Security : Hopefully there’s a team or individual with deep knowledge about security that help us reviewing system designs, implementations, and informs us about reports or and security patches.

Performance 100

Performance Speed Google Media 100

Smashing Magazine

JULY 23, 2021

It is not that most web design agencies are ignorant of other marketing approaches or that any of them are inherently bad. On the contrary, in the second part of his two-part series on getting web design clients , Stephen Roe breaks down the opportunities of these approaches. The Problem With Traditional Approaches. More after jump!

Social Media 145

Social Media Media Network Website 145

O'Reilly Software

SEPTEMBER 7, 2018

We get a huge number of excellent case studies at the O'Reilly Software Architecture Conference, which we like because it gives attendees insight into real-world problems and solutions; this one is an outstanding example. Architecting for Data-Driven Reliability , by Yaniv Aknin, Google Cloud.

Software Architecture 64

Software Architecture Architecture Software Software 64

KeyCDN

OCTOBER 2, 2018

Codrops Codrops features blogs with topics ranging from UI design and page animations to image formatting and general JavaScript practices. A List Apart A List Apart focuses on UX and branding from business and design-oriented perspectives. Topics include web design, security, web-based tools and workflows and more.

Development 75

Development Website Design Code 75

Speed Curve

DECEMBER 25, 2013

Responsive Web Design (RWD) is now a well established technique yet it’s adoption is still surprisingly low. Recently Grigorik has been championing this approach and the Google Pagespeed Insight rules have been updated to reflect this best practice with recommendations on how to reduce the size of "above the fold" content.

Performance 60

Performance Mobile Website Benchmarking 60

Smashing Magazine

NOVEMBER 17, 2022

Case Study: Image Component In A Jamstack Site. At first glance, it seems like a simple task, but in the background, browsers do a tedious job of calculating the size of these images in different scenarios: For images that are resized in responsive design. The change of design. Table of Contents: What Is Web Performance?

Media 125

Media Cache Website Mobile 125

Speed Curve

JUNE 24, 2019

A while back, our friends at Shopify published this great case study , showing how they optimized one of their newer themes from the ground up – and how they worked to keep it fast. Build a performance culture that embraces collaboration between design and dev. Create performance budgets and fight regression.

Performance 85

Performance Best Practices Metrics Mobile 85

Highly Scalable

APRIL 2, 2012

Some time ago I participated in design of a backend for one large online retailer company. In particular, we built this system on top of Oracle Coherence and designed our own data structures and indexes. In particular, we built this system on top of Oracle Coherence and designed our own data structures and indexes.

Ecommerce 100

Ecommerce Cache Storage Architecture 100

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. While paid marketing strategies like Google Ads play a part in our approach as well, enhancing our organic traffic remains a major priority.

Performance 78

Performance Cache Traffic Metrics 78

Smashing Magazine

NOVEMBER 2, 2021

Application leaders for digital commerce technologies must plan for PWAs when designing digital commerce experiences”. Based on the data provided by divante ’s findings on 30 PWA case studies, progressive web apps have a 36% larger mobile conversion rate than native applications. Jump to table of contents ?. Large preview ).

Code 90

Code Cache Mobile Retail 90

Speed Curve

FEBRUARY 25, 2024

Heatmap of the most popular pages and their Web Vitals metrics I then typically switch to the RUM > Design dashboard and use the list of popular interaction elements to determine which ones I want to investigate further. Could the design of the interaction be changed to avoid it? > Does the stylesheet need to be injected?

Analytics 94

Analytics Processing Google Mobile 94

Smashing Magazine

MAY 9, 2022

Similarly from cross-site navigation — think Google search results or the like and then clicking back. Continue reading below ↓ Meet Touch Design for Mobile Interfaces , Steven Hoober’s brand-new guide on designing for mobile with proven, universal, human-centric guidelines. Didn’t The HTTP Cache Do All That Anyway?

Cache 106

Cache Games Performance Website 106

Speed Curve

OCTOBER 25, 2023

The takeaway here might be that, while tracking and optimizing LCP is important if you want to make Google happy, Hero Largest Image might be a good metric to track if you want a better understanding of what your users actually experience. For example, this case study explains how we used RUM to A/B test JSONP requests and the preloader.

Benchmarking 72

Benchmarking Metrics Website Testing 72

Tasktop

FEBRUARY 20, 2020

Beyond training classes we also have a plethora of other resources such as user guides, videos, blogs, e-books, case studies, white papers, on-demand webinars etc. This involves checking every trainer’s availability via Google Calendar, creating Marketo and Salesforce campaigns and updating our website.

Software 52

Software Software Software Engineering Infrastructure 52

Testsigma

MARCH 24, 2021

2020, a new game called FAU-G was released on the Google play store. Such case studies uplift the importance of a better user interface and hence the importance of the user interface testing, or UI testing. Android’s official application store, the Google play store, hosts 2.87 Through Automated design.

Best Practices 52

Best Practices Testing Mobile Games 52

Percona

JULY 1, 2023

With its support for MySQL and PostgreSQL, and its automated replication and backup capabilities, it’s designed to deliver high performance, scalability, and availability to meet the needs of mission-critical applications. This eliminates the need for complex or scripted backup procedures and designated backup windows.

AWS 52

AWS Database Serverless Storage 52

Smashing Magazine

JUNE 2, 2021

Improving The Performance Of An Online Store (Case Study). Improving The Performance Of An Online Store (Case Study). Every front-end developer is chasing the same holy grail of performance: green scores in Google Page Speed. They are basically everywhere and will dominate your design. Jennifer Brehm.

Performance 132

Performance Cache Website Mobile 132

Smashing Magazine

MARCH 19, 2021

In fact, we had to look into various cases for the form design: What happens when no data is provided at all? Given that a vast majority of our readers — wonderful people like you — are using autofill, it’s worth spending time designing an experience around it. Designing The Perfect Navigation. UX, Design.

Mobile 142

Mobile Design Cache Code 142

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. Using responsive images is a key part of delivering fully responsive web design. Twitter’s Image Pipeline (Case Study). +. Get the eBook.

Media 124

Media Cache Google Best Practices 124

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. Using responsive images is a key part of delivering fully responsive web design. Twitter’s Image Pipeline (Case Study). +. Let’s figure it all out.

Media 105

Media Cache Google Best Practices 105

MachMetrics

NOVEMBER 22, 2020

We recently did a case study on how Target could make their site 3 seconds faster , but Target will likely never get their site fully loaded in 2 seconds. Looking again at the websites above, you’ll see that Google uses one image (their logo), Craigslist uses 0(!), Craigslist.

Website 57

Website Speed Google Cache 57

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. It will help you build up a company-tailored case study with real data. How to get there?

Performance 145

Performance Cache Metrics Media 145

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. It will help you build up a company-tailored case study with real data. How to get there?

Performance 112

Performance Cache Servers Network 112

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 111

Performance Cache Network Metrics 111

Smashing Magazine

JANUARY 21, 2021

We were designing and building things, setting up new products, refactoring the components, and publishing articles. Much of this data related to Core Web Vitals which Google has announced back in 2020, and which also contribute to and are exposed in Lighthouse. Image source: Lighthouse Metrics ) ( Large preview ). Large preview ).

Performance 111

Performance Cache Mobile Network 111