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

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. DRM-free, of course. DRM-free, of course. Print + eBook.

Media 105

Media Cache Google Best Practices 105

KeyCDN

FEBRUARY 14, 2019

Let’s cover some ways to speed up GIF animations on your website and look at some alternative formats that you should consider. Why Speed Up GIF Animations? Speed Up GIF Animations With Compression Tools Due to their nature, it’s not possible to make changes to GIF files without affecting their graphical data.

Speed 50

Speed Website Latency Cache 50

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

High Scalability

JULY 20, 2018

That means multiple data indirections mean multiple cache misses. DonHopkins : NeWS differs from the current technology stack in that it was all coherently designed at once by James Gosling and David Rosenthal, by taking several steps back and thinking deeply about all the different problems it was trying to solve together.

Internet 121

Internet Internet Scalability Automotive 121

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. DRM-free, of course. Designed by Espen Brunborg and Nadia Snopek.

Media 92

Media Cache Google Best Practices 92

Percona

MAY 1, 2023

PostgreSQL performance optimization aims to improve the efficiency of a PostgreSQL database system by adjusting configurations and implementing best practices to identify and resolve bottlenecks, improve query speed, and maximize database throughput and responsiveness. That said, you obviously do not want to reserve all RAM for PostgreSQL.

Tuning 52

Tuning Efficiency Database Performance 52

CSS - Tricks

APRIL 1, 2021

Speed is also something Google considers when ranking your website placement on mobile. With all of this in mind, I thought improving the speed of my own version of a slow site would be a fun exercise. Compressing, minifying and caching assets. On the flip side, Firefox made their webpages load 2.2 Text-based assets.

Cache 92

Cache Social Media Media Website 92

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. Clearly, we want to give freedom to our content creators, but we can leave to chance neither the resolution nor the speed of delivery and download of the images that will be displayed on our website.

Media 105

Media Cache Website Mobile 105

MachMetrics

NOVEMBER 22, 2020

“Well of course these sites load quickly, there’s nothing there!” Modern design often calls for large “hero” images, video backgrounds, and gifs, all of which are large taxes on bandwidth. However, you can follow all of the tips above to ensure that your images have a minimal impact on your site speed.

Website 57

Website Speed Google Cache 57

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

Smashing Magazine

SEPTEMBER 9, 2021

The solution used in Scrapbook was to use the SWR library of React hooks to update the cached page from the server with client side data fetching. The client is first served the cached statically generated page (generated with getStaticProps() ), in the background the server also begins the process of revalidating that page (read more here ).

Cache 102

Cache Internet Internet Servers 102

Alex Russell

MARCH 6, 2021

A then-representative $200USD device had 4-8 slow (in-order, low-cache) cores, ~2GiB of RAM, and relatively slow MLC NAND flash storage. Not as much as we'd like, of course, but the worldwide baseline has changed enormously. There are differences, of course, but not where it counts. The Moto G4 , for example. How bad is it?

Performance 124

Performance Network Cache Metrics 124

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

Speed Curve

JUNE 14, 2021

To overcome some of these challenges, we built our own Java-based player, complete with caching, content compression, and even bandwidth detection so it could switch between video, audio, and text versions of a course depending on network speed. And, of course, what can actually be done to make a site faster?

Retail 52

Retail Internet Internet Education 52

Percona

JULY 17, 2023

Instead of the table-based structure of relational databases, MongoDB stores data in documents and collections, a design for handling large amounts of unstructured data and for real-time web applications. It’s a good setup for real-time analytics and high-speed logging. It ranks No. Couchbase — No.

Open Source 77

Open Source Database Scalability Software 77

SQL Performance

APRIL 8, 2019

This processor has a base clock speed of 2.0GHz, with an all-core boost speed of 2.55GHz, and a max boost clock speed of 3.0GHz. The L3 cache size is 64MB. Of course, if I were buying an AMD-based server for on-premises SQL Server use right now, I would try to get the newer, frequency-optimized AMD EPYC 7371 processor.

Azure 42

Azure Virtualization Storage Benchmarking 42

Smashing Magazine

OCTOBER 26, 2018

When it comes down to how WordPress is programmed, one thing is certain: it doesn’t follow the M odel- V iew- C ontroller (MVC) design pattern that many developers are familiar with. Of course, this is where good planning is crucial. Security concerns. So, What Exactly Is A Decoupled WordPress? Large preview ). post_slug || !

Cache 78

Cache Website Speed Database 78

The Morning Paper

JANUARY 23, 2020

There’s much more colour around these in the full thesis report of course). In fields such as software operations, it can be too easy to assume that the success of business-critical systems are owed solely to the speed, algorithmic prowess, and preventative design of automation. " – wikipedia. The last word.

Internet 53

Internet Internet Cache Engineering 53

Speed Curve

FEBRUARY 25, 2024

Individual pages can be spot checked via the CrUX API or tools such as Page Speed Insights But as Cliff's already covered in How to find (and fix!) Guest profiles also start with empty caches, empty cookie stores, empty browser storage, etc. Could the design of the interaction be changed to avoid it? >

Analytics 92

Analytics Processing Google Mobile 92

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 145

Performance Cache Mobile Network 145

IO River

NOVEMBER 2, 2023

‍Unlike CloudFormation, which was confined to AWS resources, Terraform was designed with a multi-cloud approach in mind. Real-time monitoring can help detect any anomalies as soon as they happen, thereby increasing the speed at which problems can be diagnosed and solved.  ‍Of course, the latter.

Open Source 52

Open Source DevOps AWS Azure 52

Smashing Magazine

OCTOBER 22, 2019

At the intersection of the two is website speed. It should come as no surprise that images cause a lot of the problems websites have with speed. And while you could always just trim the fat and build more minimally designed and content-centric sites, why compromise? Of course, there are the SEO benefits of images, too.

Mobile 62

Mobile Media Website Storage 62

IO River

NOVEMBER 2, 2023

Unlike CloudFormation, which was confined to AWS resources, Terraform was designed with a multi-cloud approach in mind. Real-time monitoring can help detect any anomalies as soon as they happen, thereby increasing the speed at which problems can be diagnosed and solved. ‍It Of course, the latter.

Open Source 40

Open Source DevOps AWS Azure 40

Alex Russell

OCTOBER 22, 2017

JavaScript is the single most expensive part of any page in ways that are a function of both network capacity and device speed. Add onto that the yawning chasm between low-end and high-end device performance thanks to chip design factors like cache sizes, and it can be difficult to know where to set a device baseline.

Performance 68

Performance Benchmarking Network Mobile 68

All Things Distributed

JUNE 21, 2017

Today, I'm excited to announce the general availability of Amazon DynamoDB Accelerator (DAX) , a fully managed, highly available, in-memory cache that can speed up DynamoDB response times from milliseconds to microseconds, even at millions of requests per second. Fully managed cache for DynamoDB. Saving crucial milliseconds.

Speed 121

Speed Cache Latency AWS 121

SQL Performance

MARCH 8, 2021

This uses hardware, typically a crystal oscillator, that produces ticks at a very high constant rate regardless of processor speed, power settings, or anything of that nature. Total elapsed time is 933ms with 6,673ms of CPU time with a warm cache. Alternate designs. The clock keeps running at the same rate even during sleep.

Servers 95

Servers Tuning Architecture Processing 95

Smashing Magazine

AUGUST 30, 2021

On design systems, CSS/JS and UX. Of course, there is the important caveat of having a well-structured CSS codebase structure that doesn’t depend on the rule order. Caching Stylesheets. Caching static files is a useful optimization strategy. Cache-Control: public, max-age=604800. This is known as cache-busting.

Media 108

Media Performance Cache Strategy 108

Tim Kadlec

OCTOBER 17, 2010

In my conversations with designers and developers who don’t optimize, a few of the same myths are constantly brought up. High performance and beautiful design are mutually exclusive. Shopzilla presented information detailing how they were able to speed up their site from 4-6 seconds to 1.5 21% less searches.

Performance 40

Performance Energy Google Internet 40

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 139

Ecommerce Website Government Internet 139

All Things Distributed

OCTOBER 2, 2017

With these requirements in mind, and a willingness to question the status quo, a small group of distributed systems experts came together and designed a horizontally scalable distributed database that would scale out for both reads and writes to meet the long-term needs of our business. This was the genesis of the Amazon Dynamo database.

Internet 128

Internet Internet AWS Performance 128

Smashing Magazine

AUGUST 22, 2021

A Primer on Speed. Discussing performance and “speed” can quickly get complex, because many underlying aspects contribute to a web-page loading “slowly”. It is physically limited by the speed of light or, practically, how fast signals can travel in wires or in the open air. see figure 2c above).

Performance 105

Performance Network Latency Servers 105