Search

Nalezeno "performance": 778

Planning for Responsive Images


The first time I made an image responsive, it was as simple as coding these four lines: img { max-width: 100%; height auto; /* default */ } Though that worked for me as a developer, it wasn’t the best for the audience. What happens if the the image in the src attribute is heavy? On high-end...

Application Holotypes


It's entirely too common to make broad-sweeping statements about all websites. Jason Miller: We often make generalizations about applications we see in the wild, both anecdotal and statistical: "Single-Page Applications are slower than multipage" or "apps with low TTI loaded fast". However,...

Styling Based on Scroll Position


Rik Schennink documents a system for being able to write CSS selectors that style a page when it has scrolled to a certain point. If you're like me, you're already on the lookout for document.addEventListener('scroll' ... and being terrified about performance. Rik gets to that right away by both...

Using React Loadable for Code Splitting by Components and Routes


In a bid to have web applications serve needs for different types of users, it’s likely that more code is required than it would be for one type of user so the app can handle and adapt to different scenarios and use cases, which lead to new features and functionalities. When this happens, it’s...

The Client/Server Rendering Spectrum


I've definitely been guilty of thinking about rendering on the web as a two-horse race. There is Server-Side Rendering (SSR, like this WordPress site is doing) and Client-Side Rendering (CSR, like a typical React app). Both are full of advantages and disadvantages. But, of course, the conversation...

The Bottleneck of the Web


Steve Souders, "JavaScript Dominates Browser CPU": Ten years ago the network was the main bottleneck. Today, the main bottleneck is JavaScript. The amount of JavaScript on pages is growing rapidly (nearly 5x in the last 7 years). In order to keep pages rendering and feeling fast, we need to focus...

A Bit of Performance


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

instant.page


instant.page is a pretty cool project from Alexandre Dieulot. Alexandre has been at this idea for half a decade now, as InstantClick is his and is essentially the same exact idea. The idea is that there is a significant delay between hovering over a link and clicking that link. Say it takes...

“the closest thing web standards have to a golden rule”


The internet's own Mat Marquis plucks this choice quote from the HTML Design Principals spec: In case of conflict, consider users over authors over implementors over specifiers over theoretical purity. And then he applies the idea to putting images on websites in 2019. Direct Link to Article...

Bandwidth or Latency: When to Optimise for Which


Harry Roberts: A good rule of thumb to remember is that, for regular web browsing, improvements in latency would be more beneficial than improvements in bandwidth, and that improvements in bandwidth are noticed more when dealing with larger files. Direct Link to Article — Permalink…...

Collective #485


Lucid * Web Performance Mini Series * TypeScript ESLint * Beyond the interface * Animating URLs * Animating CSS Grid Collective #485 was written by Pedro Botelho and published on Codrops

The Ethics of Web Performance


Tim Kadlec on the issues surrounding poor web performance and why it’s so important for us to care about making our sites as fast as possible: Poor performance can, and does, lead to exclusion. This point is extremely well documented by now, but warrants repeating. Sites that use an excess...

Collective #482


Anime.js v3.0.0 * Dimensions.Guide * Defensive JavaScript * Bg Painter * Web A Skeb * The Ethics of Performance Collective #482 was written by Pedro Botelho and published on Codrops

Fighting FOIT and FOUT Together


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


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

How to Worry About npm Package Weight


It's all too easy to go crazy with the imports and end up with megabytes upon megabytes of JavaScript. It can be a problem as that weight burdens each and every visitor from our site, very possibly delaying or stopping them from doing what they came to do on the site. Bad for them, worse for you....

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