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 definitely have some assets that are doing nothing but wasting time and space. Compressing, minifying and caching assets. Lighthouse. Text-based assets.

Cache 92

Cache Social Media Media Website 92

SQL Performance

MARCH 26, 2020

I often get the Execution Plan from the plan cache or Query Store , and then use SSMS to get the Execution Plan plus Run-Time Statistics (aka Actual Execution Plan). I much prefer her version to the standard sp_helpindex because it also lists INCLUDEd columns and the filter definition (if one exists). What's Next? We're not done!

Tuning 130

Tuning Cache Database Strategy 130

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 “stale-while-revalidate” cache control strategy can reduce the TTFB issue by serving a cached version of the page until it’s updated. Eric Burel.

Cache 118

Cache Website Servers Energy 118

Smashing Magazine

AUGUST 31, 2021

But these strategies should fit the vast majority of apps around with little to no adjustments. Use it for <Provider> s, global definitions, application settings, and so on. Every time a new route is visited, our pages can tap into the AppStateContext and have their definitions passed down as props. children}. ) }.

Cache 104

Cache Servers Code Best Practices 104

Smashing Magazine

SEPTEMBER 2, 2021

Flexbox Defense is a play on the ‘tower defense’ strategy game genre that teaches you flexbox through 12 challenges where you have to use flexbox syntax to stop incoming enemies from getting past your defenses. Image source: Flexbox Zombies ). Flexbox Defense. Image source: Flexbox Defense ). “code golf”).

Development 145

Development Games Education Programming 145

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

Percona

SEPTEMBER 1, 2023

Here, we first cover the basics of MySQL Triggers, and then we take a deeper dive, exploring their impact on memory usage and providing strategies to optimize MySQL server performance. Exploring How Triggers Impact MySQL Memory Allocation MySQL stores active table descriptors in a special memory buffer called the table open cache.

Cache 64

Cache Database Games Healthcare 64

Smashing Magazine

OCTOBER 2, 2023

Definitely read up on the strategy and reasoning behind this stack in the first article if you missed it. Jump to the workshops ↬ Using CDN For Caching And WebP For Lighter File Sizes As I mentioned a little earlier, our stack includes Sanity’s CMS. For us, images are most definitely part of the LCP.

Cache 74

Cache Strategy Best Practices Design 74

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. What is it they always say about the definition of insanity? What I didn’t know before writing it was that her agency was struggling to optimize their mobile websites for speed. She was torn though. Minification.

Website 111

Website Speed Mobile Design 111

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

MachMetrics

JUNE 30, 2021

John Mueller answered “YES” to this question in 2019, “site speed is definitely a ranking factor?”. 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

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. Definitions. This strategy is very simple and closely resembles the development environment, but cannot handle large or inconsistent amounts of traffic effectively.

Media 70

Media Cache Storage AWS 70

Smashing Magazine

NOVEMBER 17, 2022

Cache Your Images. A website’s performance can suffer if frequently accessed images are not cached, as many requests will be made to images that have already been loaded in the user’s system. But not only does it cache the original image, but it also stores all the transformations and combinations we make from it.

Media 109

Media Cache Website Mobile 109

Percona

JULY 6, 2023

Next is the table definition. Index Scan It might be the scan method you think about when hearing something like, “Hey, this query is doing good; it uses the index… ” This method is the basic definition of accessing the data by an index.

Best Practices 96

Best Practices Tuning Testing Database 96

Smashing Magazine

SEPTEMBER 6, 2021

This approach was touted to be better for fine-grained caching because each subresource could be cached individually and the full bundle didn’t need to be redownloaded if one of them changed. Upon receipt of a valid Alt-Svc header indicating HTTP/3 support, the browser will cache this and try to set up a QUIC connection from then on.

Network 108

Network Servers Cache Traffic 108

Rigor

SEPTEMBER 17, 2019

He notes, “I like to create a combined strategy whereby we’re looking at data from different tools, then coming up with candidates for optimization based on the data coming out of those tools.” Make technical changes like increasing the length of cache headers within their particular assets.

Performance 68

Performance Traffic Website Performance Testing 68

Alex Russell

OCTOBER 22, 2017

This rework delays launch which, in turn, delays gathering data about the viability of a PWA strategy. 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. The Affordability Calculation.

Performance 74

Performance Network Benchmarking Mobile 74

CSS Wizardry

MARCH 3, 2019

To this end, having a solid caching strategy can make all the difference for your visitors. ?? How is your knowledge of caching and Cache-Control headers? Cache-Control. One of the most common and effective ways to manage the caching of your assets is via the Cache-Control HTTP header.

Cache 266

Cache Latency Strategy Servers 266

Rigor

DECEMBER 19, 2019

Let’s start with a brief definition of two of the more prominent web performance methodologies: synthetic monitoring and real user monitoring (also known as RUM). Understanding Web Performance Monitoring Methodologies. This is valuable because it allows users to block out much of the noise that is reported with real user monitoring.

Monitoring 40

Monitoring Benchmarking Website Traffic 40

SQL Server According to Bob

JANUARY 11, 2020

Stable media is commonly physical disk storage, but other devices and certain caching facilities qualify as well. Many high-end disk subsystems provide high-speed cache facilities to reduce the latency of read and write operations. This cache is often supported by a battery-powered backup facility.

Servers 40

Servers Cache Media Hardware 40

Percona

MAY 2, 2023

That’s why it’s essential to implement the best practices and strategies for MongoDB database backups. In the absence of a proper backup strategy, the data can be lost forever, leading to significant financial and reputational damage. Why are MongoDB database backups important?

Best Practices 52

Best Practices Database Storage Servers 52

CSS Wizardry

DECEMBER 1, 2024

For sites with lots of traffic and highly dynamic back-ends (database queries, API calls, insufficient caching), this approach might be a little too liberal. Opt-In Strategy They’re a Big Site™ so an opt-in approach was the better way to go. I also don’t get masses of traffic, so the risk of increased server load anywhere is minimal.

Traffic 194

Traffic Games Cache Strategy 194

CSS - Tricks

MARCH 29, 2021

We could still use too many colors, typographic definitions, or z-indexes, all of which could lead to a messy, unmaintainable, unstable CSS codebase. For example, if there are “50 shades of gray” or too many typographic definitions, that means that the style guide wasn’t respected, or one might not even exist. Coverage panel.

Code 110

Code Media Cache Energy 110

Smashing Magazine

JUNE 2, 2021

And while you can usually cache the full page of an article, the same is not true of many shop pages and elements. Some are user-specific, like the shopping cart in the header or the wish list, and due to the personal nature of the data, they should never be cached. Last But Definitely Not Least: CSS. Large preview ).

Performance 118

Performance Cache Website Mobile 118

IO River

NOVEMBER 2, 2023

Now, with viewers all over the world expecting flawless and high-definition streaming, video providers have their work cut out for them. Performing steps like switching from a single-CDN setup to a multi-CDN or separating strategies for content types can make the benefits twofold!

Architecture 52

Architecture Performance Internet Internet 52

IO River

NOVEMBER 2, 2023

Now, with viewers all over the world expecting flawless and high-definition streaming, video providers have their work cut out for them. Performing steps like switching from a single-CDN setup to a multi-CDN or separating strategies for content types can make the benefits twofold!Â

Architecture 52

Architecture Performance Internet Internet 52

Smashing Magazine

MARCH 7, 2022

The main one is that the definitions of the 4 types are all fixed, and based on quite old network data. If a user has indicated that its preference is to save data, you could use that as a signal to drop down a level there, even if it’s not quite as nice as a picture, but still gets the message across. There are a few downsides to ECT.

Website 105

Website Media Mobile Network 105

High Scalability

NOVEMBER 25, 2019

Edge caching. In general, Egnyte connect architecture shards and caches data at different levels based on: Amount of data. Nginx for disk based caching. We use different types of caching techniques depending on the problem statements. Disk based caching. Hybrid Sync. On prem data processing. Offline access.

Architecture 52

Architecture Cache Azure Storage 52

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 112

Performance Cache Servers Network 112

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 105

Performance Cache Network Metrics 105

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

Speed Curve

OCTOBER 29, 2024

Capture cache hits/misses, time spent at the edge, origin, and even round-trip time (RTT) for most major CDN providers. That's fantastic and definitely worth sharing. If you're already a SpeedCurve user and you have questions about any of these strategies, send us a note at support@speedcurve.com and we'll be happy to help!

Speed 60

Speed Benchmarking Traffic Retail 60