Search

Nalezeno "loading": 9243

Optimizing Images for Users with Slow Network Speeds


For every website, page load time is a critical factor that can make or break the business. Thanks to the better user experience that comes with a fast-loading webpage, those who focus on page load optimization enjoy better conversion rates, better SEO, better retention, and lower bounce rates. And...

A Look at JAMstack’s Speed, By the Numbers


People say JAMstack sites are fast — let’s find out why by looking at real performance metrics! We’ll cover common metrics, like Time to First Byte (TTFB) among others, then compare data across a wide section of sites to see how different ways to slice those sites up compare. First, I’d like...

Digging Into the Preview Loading Animation in WordPress


WordPress shipped the Block Editor (aka Gutenberg) back in version 5.0 and with it came a snazzy new post preview screen that shows the WordPress logo drawing itself while the preview loads. That's what you get when saving a post draft and clicking the "Preview" button in the editor. How'd they...

How to Use JPEG 2000 (JP2) for a Faster Images on iPhone (Sponsored)


Images Slow Down Websites Images slow down the page-loading performance of many websites. Audit tools like Google’s Lighthouse can quickly tell you how many seconds you can save by optimizing your images. When you are delivering to desktops or android devices running Chrome browser, a quick...

Let’s Make a Fancy, but Uncomplicated Page Loader


It’s pretty common to see a loading state on sites these days, particularly as progressive web apps and reactive sites are on the rise. It’s one way to improve "perceived" performance — that is, making it feel as though the site is loading faster than it actually is. There’s no shortage of ways...

Images Are Not Static Content


We constantly hear about the importance of keeping websites lean and fast. A fast-loading website makes users more satisfied, and satisfied users spend more time and money on your website. However, website optimization is a complex task, as there is not one silver bullet to fix all of the issues...

Preloading Pages Just Before They are Needed


The typical journey for a person browsing a website: view a page, click a link, browser loads new page. That's assuming no funny business like a Single Page App, which still follows that journey, but the browser doesn't load a new page — the client fakes it for the sake of a snappier...

An Explanation of How the Intersection Observer Watches


There have been several excellent articles exploring how to use this API, including choices from authors such as Phil Hawksworth, Preethi, and Mateusz Rybczonek, just to name a few. But I’m aiming to do something a bit different here. I had an opportunity earlier in the year to present the VueJS...

Lazy load embedded YouTube videos


This is a very clever idea via Arthur Corenzan. Rather than use the default YouTube embed, which adds a crapload of resources to a page whether the user plays the video or not, use the little tiny placeholder webpage that is just an image you can click that is linked to the YouTube embed. It still...

Collective #539


Native lazy-loading for the web * The case study factory * Predictably Random * Writing Modes And CSS Layout Collective #539 was written by Pedro Botelho and published on Codrops

Get Peak WordPress Performance with Jetpack


The irony of web performance is that the average page weight of a site continues to go up year after year, despite us being more aware of the problem and having more tools at our disposal to fight it than ever. To paraphrase Seinfeld, "we know how to fight page weight issues; we just don't use...

Developing a robust font loading strategy for CSS-Tricks


Zach Leatherman worked closely with Chris to figure out the font loading strategy for this very website you're reading. Zach walks us through the design in this write-up and shares techniques that can be applied to other projects. Spoiler alert: Font loading is a complex and important part of...

Tips for rolling your own lazy loading


You may have heard (or even issued the call) that “we can just use lazy loading!” when looking for a way to slim down a particularly heavy web page. Lazy loading is a popular technique for gradually requesting images as they come into view, rather than all at once after the HTML of the page...

Nahoru
Tento web používá k poskytování služeb a analýze návštěvnosti soubory cookie. Používáním tohoto webu s tímto souhlasíte. Další informace