Search

Nalezeno "loading": 9243

10 Web Performance Audit Tips for Your Next Billion Users in 2018: Offscreen Loading

26.5.2019
Just as the name implies, offscreen images are images that appear below the fold. Since users can't see offscreen images wh

10 Web Performance Audit Tips for Your Next Billion Users in 2019: Offscreen Loading

26.5.2019
Just as the name implies, offscreen images are images that appear below the fold. Since users can't see offscreen images wh

Wix Is Challenging You to an SEO Battle for $25K (Sponsored)

24.5.2019
This year Wix launched a series of advanced SEO tools for Wix users to optimize their site pages for search engines and social media platforms. These tools include custom meta tags, canonical URLs, 301 redirects, structured data and rapid loading. So what’s the deal? To put their new SEO tools...

A Deep Dive into Native Lazy-Loading for Images and Frames

15.5.2019
Today's websites are packed with heavy media assets like images and videos. Images make up around 50% of an average website's traffic. Many of them, however, are never shown to a user because they're placed way below the fold. What’s this thing about images being lazy, you ask? Lazy-loading...

Google Fonts is Adding font-display

14.5.2019
Google announced at I/O that their font service will now support the font-display property which resolves a number of web performance issues. If you're hearing cries of joy, that's probably Chris as he punches the air in celebration. … Read article The post Google Fonts is Adding...

Collective #514

9.5.2019
Hybrid Lazy Loading * SVG Will Save Us * enFont Terrible * cssfx * Formation * CSS-Only Chat Collective #514 was written by Pedro Botelho and published on Codrops

Native Lazy Loading

9.4.2019
IntersectionObserver has made lazy loading a lot easier and more efficient than it used to be, but to do it really right you still gotta remove the src and such, which is cumbersome. It's definitely not as easy as: <img src="celebration.jpg" loading="lazy" alt="..." /> Addy Osmani says...

Collective #506

8.4.2019
World Draw * Native lazy-loading * El Grapho * Illustrated.dev * Hyper Editor * Animating SVG with CSS Collective #506 was written by Pedro Botelho and published on Codrops

Chrome Lite Pages

19.3.2019
The Chrome team announced a new feature called Lite Pages that can be activated by flipping on the Data Saver option on an Android device: Chrome on Android’s Data Saver feature helps by automatically optimizing web pages to make them load faster. When users are facing network or data constraints...

A Bit of Performance

28.2.2019
Here’s a great post by Roman Komarov on what he learned by improving the performance of his personal website. There’s a couple of neat things he does to tackle font loading in particular, such as adding the <link rel="preload"> tags for fonts. This will encourage those font files...

Typography for Developers

27.2.2019
This is intended as a practical guide for developers to learn web typography. We’ll cover a range of practical and useful topics, like how to choose and use custom fonts on the web, but more importantly, how to lay text out to create a pleasant user experience. We’ll go over the principles...

Using React and XState to Build a Sign In Form

24.1.2019
To make a sign in form with good UX requires UI state management, meaning we’d like to minimize the cognitive load to complete it and reduce the number of required user actions while making an intuitive experience. Think about it: even a relatively simple email and password sign in form needs...

Fighting FOIT and FOUT Together

19.12.2018
Lots from Divya with the setup: There are 2 kinds of problems that can arise when using webfonts; Flash of invisible text (FOIT) and Flash of Unstyled Text (FOUT) ... If we were to compare them, FOUT is of course the lesser of the two evils If you wanna fight FOIT, the easiest tool is...

Google Fonts and font-display

19.12.2018
The font-display descriptor in @font-face blocks is really great. It goes a long way, all by itself, for improving the perceived performance of web font loading. Loading web fonts is tricky stuff and having a tool like this that works as well as it does is a big deal for the web. It's such a...

Build Your First Angular Website: Lazy Loading an Angular Section

30.8.2018
Next up, let's create a section of our site specifically dedicated to users. We have many users that are part of our site and we'll have two parts to this: /users where we

An Almost Ideal React Image Component

21.6.2018
Yes, this is a React component, but regardless if you care about that part or not, the "ideal image component" part could be of interest. There is a lot to consider with how we put images on web pages these days. This deals with: Placeholder space (and then flexible responsive styles after...