CSS Wizardry

NOVEMBER 9, 2018

While this strategy is effective, it’s not simple: highly dynamic sites can be difficult to extract styles from, the process needs to be automated, we have to make assumptions about what above the fold even is, it’s hard to capture edge cases, and tooling still in its relative infancy. This is on purpose. Test, test, test.

Network 278

Network Performance Media Cache 278

Smashing Magazine

JUNE 29, 2021

Without build optimizations (incremental builds, caching, we will get to those soon) this will eventually become unmanageable as well — think about going through all images in a website: resizing, deleting, and/or creating new files over and over again. The cache is invalidated on a time basis. Creating an On-Demand builder.

Cache 132

Cache Website Strategy Traffic 132

Smashing Magazine

JULY 18, 2022

If you think that static rendering is limited to generic, public content that is the same for every user of your website, you should definitely read this article. The witty jokes in each article are only visible to paid users. If the user is paid, the server returns the full article directly as HTML. Eric Burel.

Cache 117

Cache Website Energy Servers 117

CSS - Tricks

MARCH 2, 2022

I have a handful of good links to articles about performance that are burning a hole in my bookmarks folder, and wanna drop them here to share. From fonts to SVG: an icon migration strategy — Erwin Hofman notes that he was using icon fonts out of sheer convenience, but that there are loads of reasons not to use them.

Performance 68

Performance Cache Best Practices Strategy 68

Smashing Magazine

DECEMBER 23, 2020

The service workers enable the offline usage of the PWA by fetching cached data or informing the user about the absence of an Internet connection. When developing a PWA, you can cache the application shell’s resources and assets in the browser. Cached content with IndexedDB. Cache first, then network. Service Workers.

Cache 125

Cache Internet Internet Google 125

CSS - Tricks

FEBRUARY 16, 2021

Set far-out expires headers on images and have a cache-busting strategy (like changing the file name). Direct Link to Article — Permalink. Fluid width images in CSS, not forgetting the height and width attributes in HTML so you get proper aspect-ratio on first render. Use content-visibility: auto; Send AVIF when you can.

Cache 119

Cache Strategy Processing Performance 119

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 75

Performance Cache Traffic Metrics 75

CSS - Tricks

APRIL 1, 2021

In that spirit, what we’re looking at in this article is focused more on the incremental wins and less on providing an exhaustive list or checklist of performance strategies. I’m going to audit the performance of my slow site before and after the things we tackle in this article. Compressing, minifying and caching assets.

Cache 92

Cache Social Media Media Website 92

Smashing Magazine

JANUARY 11, 2021

Build Optimizations JavaScript modules, module/nomodule pattern, tree-shaking, code-splitting, scope-hoisting, Webpack, differential serving, web worker, WebAssembly, JavaScript bundles, React, SPA, partial hydration, import on interaction, 3rd-parties, cache. Performance Budgets, Pragmatically shows you a strategy to achieve that.

Performance 145

Performance Cache Media Metrics 145

Scalegrid

JANUARY 5, 2024

This article cuts through the complexity to showcase the tangible benefits of DBMS, equipping you with the knowledge to make informed decisions about your data management strategies. If you’re considering a database management system, understanding these benefits is crucial. Don’t miss out on the future of database management.

Efficiency 147

Efficiency Storage Database Scalability 147

Percona

SEPTEMBER 1, 2023

An unoptimized indexing strategy can impede data insertion and retrieval operations. One effective strategy is query rewriting, where you restructure your SQL queries to be more efficient. Indexing Strategies Indexing plays a pivotal role in database performance, and its impact on query performance cannot be overstated.

Tuning 52

Tuning Database Performance Hardware 52

The Netflix TechBlog

SEPTEMBER 8, 2020

Over the course of this post, we will talk about our approach to this migration, the strategies that we employed, and the tools we built to support this. This allows the app to query a list of “paths” in each HTTP request, and get specially formatted JSON (jsonGraph) that we use to cache the data and hydrate the UI.

Latency 233

Latency Cache Java Traffic 233

Smashing Magazine

MAY 16, 2022

For this article, that’s all we’ll need to start exposing the value and leave other more specific articles to go deeper. There are a handful of different entry subtypes but, for the scope of this article, we will be concerned with the PerformanceResourceTiming and PerformanceNavigationTiming subtypes. More after jump!

Servers 95

Servers Monitoring Cache Network 95

CSS - Tricks

MARCH 29, 2021

Whatever the case and whenever that moment arrives, I usually reach for some of the tools I‘ll cover in the article. You might also want to check out this article by Umar Hansa , who compiled a whole bunch of great DevTool features that released in 2020. It might even be to enforce consistency! Table of contents. Auditing CSS is hard.

Code 110

Code Media Cache Energy 110

Smashing Magazine

MARCH 19, 2021

Ironically, at the moment of publishing that article in late February, we still had floating labels used in most of our forms, and we wanted to explore if removing them would actually help us improve the overall experience on the site. On February 19th, most of our articles landed in the red zone. Floating Labels Are Gone.

Mobile 141

Mobile Design Cache Code 141

Smashing Magazine

JANUARY 6, 2020

It might be tempting to get into quick "low-hanging-fruits"-optimizations early on — and it might be a good strategy for quick wins — but it will be very hard to keep performance a priority without planning and setting realistic, company-tailored performance goals. when web fonts aren’t loaded yet). Planning, planning, planning.

Performance 145

Performance Cache Network Metrics 145

Smashing Magazine

JANUARY 21, 2021

We were designing and building things, setting up new products, refactoring the components, and publishing articles. The entire site is built with progressive enhancement in mind, meaning that you, dear reader, can read every Smashing article in its entirety without the need to boot the application at all. We had to fix that.

Performance 145

Performance Cache Mobile Network 145

Smashing Magazine

JUNE 2, 2021

In this article, I’ll highlight some of the work we did and how we were able to achieve our speed. For this article, we will focus on the first three and the performance adjustments for these. And while you can usually cache the full page of an article, the same is not true of many shop pages and elements.

Performance 117

Performance Cache Website Mobile 117

MachMetrics

JUNE 30, 2021

In this article, we will particularly look at the average page load time in 2021 and importance of web vitals. Thanks to the awesome caching plugins available for WordPress will make your site much faster and make your pages feel lightweight when configured correctly. Enable caching. Now is that a fault of WordPress?

Cache 78

Cache Speed Google Website 78

Smashing Magazine

NOVEMBER 17, 2022

This article is sponsored by Storyblok. But if you’re worried that you’re not getting the performance you expected because of large, poorly optimized images, don’t worry because that’s what you’re reading this article for! Cache Your Images. A Guide To Image Optimization On Jamstack Sites. Alba Silvente.

Media 108

Media Cache Website Mobile 108

Smashing Magazine

JANUARY 7, 2019

It might be tempting to get into quick "low-hanging-fruits"-optimizations early on — and eventually it might be a good strategy for quick wins — but it will be very hard to keep performance a priority without planning and setting realistic, company-tailored performance goals. when web fonts aren’t loaded yet). Large preview ).

Performance 104

Performance Cache Metrics Network 104

Smashing Magazine

JUNE 25, 2020

Today, we’ll address storing and serving files for both single-server and scalable deployments while considering factors like compression, caching, and availability. If you’re on the latter end of this scale, you probably need more specialized advice than this article is prepared to give. Option 1: Default Django.

Media 70

Media Cache Storage AWS 70

SQL Performance

SEPTEMBER 25, 2019

An example plan shape showing a lazy table performance spool is below: The questions I set out to answer in this article are why, how, and when the query optimizer introduces each type of performance spool. For more details, please see my linked article. When a spool is able to replay cached results, this is known as a rewind.

Performance 104

Performance Cache Servers Education 104

Percona

MAY 1, 2023

Connection pooling: Minimizing connection overhead and improving response times for frequently accessed data by implementing mechanisms for connection pooling and caching strategies. This parameter sets how much dedicated memory will be used by PostgreSQL for the cache. However, the problem is not always the database itself!

Tuning 52

Tuning Efficiency Database Performance 52

Smashing Magazine

JULY 29, 2019

This article is part of a series in which I attempt to use the web under various constraints, representing a given demographic of user. MB , that suggests I’ve got around 29 pages in my budget, although probably a few more than that if I’m able to stay on the same sites and leverage browser caching. Let’s talk about caching.

Cache 97

Cache Google Mobile Network 97

Smashing Magazine

MARCH 7, 2022

In my last article , I suggested using the SaveData API to deliver a different, more performant, experience to users that expressed that desire. In this article, I want to spend a bit more time on this, and also look at other signals we can similarly use to help us make decisions on what to load on our websites. Barry Pollard.

Website 105

Website Media Mobile Network 105

Smashing Magazine

SEPTEMBER 20, 2021

A natural language translation service presenting a news website article translated from English to Japanese. Search Engine And Web Archive Cached Results. Another common category of imposter domains are domains used by search engines for delivering cached results or archived versions of page views. Large preview ).

Website 91

Website Analytics Cache Google 91

IO River

NOVEMBER 2, 2023

CloudFront makes a simple choice here as it offers direct integration with all these services to let you cache responses across its global edge locations. For example, consider the scenario we looked at toward the start of the article. As you don't have a multi-CDN strategy, your CDN becomes a single point of failure.

Lambda 52

Lambda AWS Cache Website 52

Smashing Magazine

JUNE 1, 2022

In this article, we will review what third-party resource requests are, consider how impactful they can be to the user experience, and discuss common optimization strategies to reduce the impact on the user experience. Even if you cannot prevent all third-party requests, web designers can make choices that will have an impact.

Website 133

Website Design Network Best Practices 133

Smashing Magazine

NOVEMBER 2, 2021

Due to the use of modern frameworks, advanced caching and rendering, and data transmission via API, properly developed PWAs can be a seven-league step up to boost the store’s speed. Push notifications are crucial for a strong customer retention strategy, as friendly non-irritating reminders can bring clients back into the funnel.

Code 75

Code Cache Retail Mobile 75

The Morning Paper

JANUARY 23, 2020

1:36pm it was discovered that this shop was linked to from the Etsy blog post, via an article posted by the Etsy employee that owned the shop. Members of the team begin diagnosing the issue using the #sysops and #warroom internal IRC channels. 1:32pm the API errors were narrowed down to requests for data on a specific single shop.

Internet 53

Internet Internet Cache Engineering 53

KeyCDN

SEPTEMBER 12, 2019

KeyCDN’s Cache Enabler plugin is fully compatible the HTML attributes that make images responsive. It also allows for additional control over the caching of your images as well as hotlink protection. The Cache Enabler plugin then delivers WebP images based to supported browsers. jpg 480 KB 407 KB 43 KB 89% jpg-to-webp-2.jpg

Social Media 106

Social Media Media Google Website 106

IO River

NOVEMBER 2, 2023

CloudFront makes a simple choice here as it offers direct integration with all these services to let you cache responses across its global edge locations. As you don't have a multi-CDN strategy, your CDN becomes a single point of failure. Amazon CloudFront integrates with Amazon S3, AWS WAF, and Amazon API Gateway.

Lambda 52

Lambda AWS Cache Website 52

Smashing Magazine

JUNE 26, 2019

As a result, she came back to me concerned with publishing a post on a strategy her agency had yet to adopt successfully. Let the web developer handle all of the necessary speed optimizations like caching and file minification while you take on the following design tips and strategies: 1. She was torn though. Minification.

Website 110

Website Speed Mobile Design 110

SQL Server According to Bob

JANUARY 11, 2020

Important When planning, deploying, and maintaining a Microsoft SQL Server installation, ensure that the I/O system supports all the factors outlined in this article. Stable media is commonly physical disk storage, but other devices and certain caching facilities qualify as well.

Servers 40

Servers Cache Media Hardware 40

SQL Server According to Bob

DECEMBER 18, 2018

Durability is a cornerstone of any database system and starting with SQL Server 2017 on Linux Cumulative Update 6 (CU6), SQL Server on Linux enables “Forced Flush” behavior as described in this article , improving durability on non-Fua optimized systems. “Be Linux open command flag used to bypass file system cache. SQL Server.

Servers 90

Servers Media Cache Storage 90

Percona

APRIL 17, 2023

The swap issue is explained in the excellent article by Jeremy Cole at the Swap Insanity and NUMA Architecture. Make sure the drives are mounted with noatime and also if the drives are behind a RAID controller with appropriate battery-backed cache. There is an issue with this, which causes the OS to swap even with memory available.

Best Practices 52

Best Practices Design Tuning Database 52