Search

Nalezeno "Performance": 799

4 Ways to Animate the Color of a Text Link on Hover


Let’s create a pure CSS effect that changes the color of a text link on hover… but slide that new color in instead of simply swapping colors. There are four different techniques we can use to do this. Let’s look at those while being mindful of important things, like accessibility, performance,...

When CSS Blocks


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...

In-Browser Performance Linting With Feature Policies


Here’s a neat idea from Tim Kadlec. He uses the Modheader extension to toggle custom headers in his browser. It also lets him see when images are too big and need to be optimized in some way. This is a great way to catch issues like this in a local environment because browsers will throw an error...

Do This to Improve Image Loading on Your Website


Jen Simmons explains how to improve image loading by simply using width and height attributes. The issue is that there’s a lot of jank when an image is first loaded because an img will naturally have a height of 0 before the image asset has been successfully downloaded by the browser. Then it needs...

Blame the implementation, not the technique


I'm not sure we've gotten much better at this since Tim Kadlec wrote this in 2012: Stop me if you’ve heard this one before. “Responsive design is bad for performance.”“User agent detection is bad. Don’t segment the web.”“Hybrid apps don’t work as well as native apps.”“CSS preprocessors shouldn’t...

The Unseen Performance Costs of Modern CSS-in-JS Libraries


This article is full of a bunch of data from Aggelos Arvanitakis. But lemme just focus on his final bit of advice: Investigate whether a zero-runtime CSS-in-JS library can work for your project. Sometimes we tend to prefer writing CSS in JS for the DX (developer experience) it offers, without...

Helping Browsers Optimize With The CSS Contain Property


There is a growing number of things that we have to do to help the browser achieve for peak performance. Responsive image syntax has several. For example, needing to tell the browser how large the image will be in our layout with the sizes attribute and how big the images are with w descriptors....

How To Create A Headless WordPress Site On The JAMstack


Just this morning, Chris shared a streamlined way to get a static site up and running with Netlify. As it happens, Sarah and I also wrote up a little something that expands that idea where a static site can pull content from WordPress using the REST API. Using Vue, Nuxt, axios and Netlify, it's...

Innovation Can’t Keep the Web Fast


Every so often, the fruits of innovation bear fruit in the form of improvements to the foundational layers of the web. In 2015, HTTP/2 became a published standard in an effort to update an aging protocol. This was was both necessary and overdue, as HTTP/1 rendered web performance as an arcane sort...

Lightning-Fast Web Performance


If you're interested in leveling up your knowledge and skill of web performance, you can't do better than learning directly from Scott Jehl. Direct Link to Article — Permalink… Read article The post Lightning-Fast Web Performance appeared first on CSS-Tricks

Bundling JavaScript for Performance: Best Practices


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...

Bitcoin.com Releases SLP Indexer Server for High Performance Token Services


Bitcoin.com is releasing the open source SLP Indexer Server for validating Simple Ledger Protocol tokens as part of its commitment to the development of the token ecosystem. The tool is designed to make SLP token transactions perform as fast as BCH and empower developers to create even greater...

Bitmain Responds to Layoff Rumors From Ousted Co-Founder Zahn


Ousted Bitmain co-founder Micree Zahn took to Weibo on Monday to speak out against a reported Bitmain “personnel optimization plan” which could purportedly see around 500 Bitmain workers dismissed by January 17. Chinese media broke the story last week citing inside sources at...

Collective #578


Front-End Performance Checklist 2020 * Kinesis * Excalidraw * Exifer * Sscaffold * Craft.js Collective #578 was written by Pedro Botelho and published on Codrops

Bitcoin Gained 8.9 Million Percent Over the Last Decade


2020 is fast approaching and the last decade will be behind us. Throughout the last ten years, the biggest unicorn firms were born like Uber and Airbnb. However, even though Bitcoin isn’t a company, the best investment of the decade belongs to the decentralized cryptocurrency Satoshi created....

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