Search

Nalezeno "load": 113

How to Load Fonts in a Way That Fights FOUT and Makes Lighthouse Happy

24.11.2020
A web font workflow is simple, right? Choose a few nice-looking web-ready fonts, get the HTML or CSS code snippet, plop it in the project, and check if they display properly. People do this with Google Fonts a zillion times a day, dropping its <link> tag into the <head>. Let’s...

Vital Web Performance

21.9.2020
I hate slow websites. They are annoying to use and frustrating to work on. But what does it mean to be “slow”? It used to be waiting for document load. Then waiting for page ready. But with so many asynchronous patterns in use today, how do we even define what “slow” is? The W3C has […] The...

US Consumers Flock To the First Mastercard Branded BitPay Card

15.9.2020
New data from BitPay shows that American consumers are flocking to load the first Mastercard branded BitPay card with top digital assets. The popular cryptocurrency payment services provider debuted the new card in June 2020 and the company’s transactions reached a new high in July. The data...

Lazy Load IFRAMEs

13.7.2020
We’ve known for a decade that lazy loading resources like JavaScript, CSS, and especially images is a massive performance win for web pages. At first we used tricks and JavaScript to do the lazy loading, but more recently native image lazy loading has debuted in browsers. Did you know that...

Review: Crypto.com’s Ruby Steel Prepaid Visa Card

26.6.2020
A number of members in the cryptocurrency community, typically people who are paid in crypto assets, have tried a myriad of prepaid cards that can be credited with digital currencies like bitcoin. The following post is a review on the Crypto.com prepaid Visa card in order to give our readers some...

Maintaining Performance

27.3.2020
Real talk from Dave: I, Dave Rupert, a person who cares about web performance, a person who reads web performance blogs, a person who spends lots of hours trying to keep up on best practices, a person who co-hosts a weekly podcast about making websites and speak with web performance professionals…...

How to Make a Line Chart With CSS

11.3.2020
Line,  bar, and pie charts are the bread and butter of dashboards and are the basic components of any data visualization toolkit. Sure, you can use SVG or a JavaScript chart library like Chart.js or a complex tool like D3 to create those charts, but what if you don't want to load yet another...

Just Dropping Some Type Links

3.3.2020
I've had a bunch of tabs open that just so happen to all be related to typography, so I figured I'd give myself the mental release of closing them by blogging them. How's that for a blog post format for ya: whatever random tabs you've had open for far too long. Times New Roman is popular on...

When CSS Blocks

28.2.2020
Tim Kadlec: One particular pattern [for loading non-critical CSS] I’ve seen is the preload/polyfill pattern. With this approach, you load any stylesheets as preloads instead, and then use their onload events to change them back to a stylesheet once the browser has them ready. So you're...

Lazy Object Initialization

17.2.2020
The Firefox DevTools underlying code, which is written with JavaScript and HTML, is a complex application. Due to the complexity and amount of work going on, the DevTools team has done everything they can to load as little as possible. Furthermore the team has a system of lazily importing...

Native Image Lazy Loading in Chrome Is Way Too Eager

5.2.2020
Interesting research from Aaron Peters on <img loading="lazy" ... >: On my 13 inch macbook, with Dock positioned on the left, the viewport height in Chrome is 786 pixels so images with loading="lazy" that are more than 4x the viewport down the page are eagerly fetched by Chrome...

Bundling JavaScript for Performance: Best Practices

24.1.2020
Performance advice from David Calhoun on how many scripts to load on a page for best performance: [...] some of your vendor dependencies probably change slower than others. react and react-dom probably change the slowest, and their versions are always paired together, so they...

Adding Dynamic And Async Functionality To JAMstack Sites

2.1.2020
Jason Lengstorf: Here’s an incomplete list of things that I’ve repeatedly heard people claim the JAMstack can’t handle that it definitely can: Load data asynchronously Handle processing files, such as manipulating images Read from and write to a database Handle user authentication and protect...

lite-youtube-embed

13.12.2019
A standard copy-and-paste YouTube embed lands on your page as an <iframe> which loads a big ol' pile of other stuff to play that video. But the UX of it is still essentially an image and a play button. Click the play button and the video plays. You can build essentially the same thing with...

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