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. Cache Your Images. Conclusion.

Media 125

Media Cache Website Mobile 125

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

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. Further analysis.

Speed 89

Speed Website Metrics Cache 89

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

Smashing Magazine

JUNE 30, 2021

JavaScript was designed to run in lock-step with the browser’s main rendering loop. The drawback of that design is that a small amount of slow JavaScript code can prevent the browser’s rendering loop from continuing. On design systems, CSS/JS and UX. Case-Study: PROXX. Case Study: Moving A Three.js-Based

Games 145

Games Architecture Code C++ 145

Smashing Magazine

AUGUST 20, 2021

Piecing together a website using a WYSIWYG editor and seeing the code it generated was a fascinating and educational experience that sparked an initial interest in web design. In Designing The Perfect Navigation , Vitaly will explore 100s of practical examples of better mega-dropdowns , hamburgers, carousels, modals and filters.

Ecommerce 142

Ecommerce Website Government Internet 142

Jos

JUNE 2, 2018

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. UI/UX : There is usually a designer and/or UX person that sets the look & feel and information architecture.

Performance 100

Performance Speed Google Media 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. Each stage has its unique challenges and potential pitfalls, as other case studies show. SEO is key to our success.

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. The Design Gives Ground For Utmost Usability.

Code 90

Code Cache Mobile Retail 90

InfoQ

MARCH 15, 2024

The company used serverless services on AWS, including Lambda, Step Functions, EventBridge, and Redis Cache. Hashnode created a scalable event-driven architecture (EDA) for composing feed data for thousands of users. The solution leverages Step Functions' distributed maps feature that enables high-concurrency processing. By Rafal Gancarz

Scalability 76

Scalability AWS Architecture Lambda 76

Rigor

SEPTEMBER 3, 2019

Case studies abound. Prior to any peak event, take the time to review your CDN’s cache design and offload metrics to determine what improvements can be made. Ultimately, the key to surviving a peak event is to have very good CDN cache designs. The Cost of Site Failure During High-Load Days.

Website 74

Website Cache Traffic Ecommerce 74

Speed Curve

DECEMBER 25, 2013

Responsive Web Design (RWD) is now a well established technique yet it’s adoption is still surprisingly low. All CMS's should be offering this level of image manipulation and caching. Case study: the new responsive Guardian site. Currently WebP is only supported in Chrome and Firefox are considering adding support.

Performance 60

Performance Mobile Website Benchmarking 60

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. Guest profiles also start with empty caches, empty cookie stores, empty browser storage, etc.

Analytics 94

Analytics Processing Google Mobile 94

Smashing Magazine

JUNE 2, 2021

Improving The Performance Of An Online Store (Case Study). Improving The Performance Of An Online Store (Case Study). The design was made by a design and UX agency that also handled the HTML prototype (based on Bootstrap 4). 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. Large preview ). CSS Generators.

Mobile 142

Mobile Design Cache Code 142

Smashing Magazine

JUNE 8, 2021

Image optimization , loading behavior and rendering in the browser require understanding of image formats and image compression techniques, image decoding and browser rendering, image CDNs and adaptive media loading, not to mention effective caching and preloading. Optimizing Network Requests with Caching and Preloading. +.

Media 124

Media Cache Google Best Practices 124

Smashing Magazine

APRIL 28, 2021

Image optimization , loading behavior and rendering in the browser require understanding of image formats and image compression techniques, image decoding and browser rendering, image CDNs and adaptive media loading, not to mention effective caching and preloading. Optimizing Network Requests with Caching and Preloading. +.

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. Modern design often calls for large “hero” images, video backgrounds, and gifs, all of which are large taxes on bandwidth. 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.

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. Plus a service worker that caches all static assets and serves them for repeat views, along with cached versions of articles that a reader has already visited. Image source: Lighthouse Metrics ) ( Large preview ).

Performance 111

Performance Cache Mobile Network 111