Bookmarks tagged with #performance.
Show all
Show all
Correctly Configure (Pre) Connections – Harry Roberts – Web Performance Con
In the right circumstances, this simple, single line of HTML can make pages hundreds of milliseconds faster! But time and again, I see developers misconfiguring even this most basic of features. Because, as is often the case, there’s much more to this ‘basic feature’ than meets the eye.
Saved
on: 2023-12-10
SPAs: theory versus practice | Read the Tea Leaves
I’ve been thinking a lot recently about Single-Page Apps (SPAs) and Multi-Page Apps (MPAs). I’ve been thinking about how MPAs have improved over the years, and where SPAs still have an edge.
Saved
on: 2022-06-28
Making the world’s fastest website, and other mistakes - DEV Community
I work on Kroger’s ecommerce sites for their regional chains, most of which share a codebase. You’d probably guess the front-end stack: React, Redux, and their usual symptoms of too much JavaScript. React/Redux packages used totaled 44.7 kB before any feature code.
Saved
on: 2022-06-09
Optimising Largest Contentful Paint – CSS Wizardry – Web Performance Optimi
Largest Contentful Paint (LCP) is my favourite Core Web Vital. It’s the easiest to optimise, and it’s the only one of the three that works the exact same in the lab as it does in the field (don’t even get me started on this…).
Saved
on: 2022-03-29
Learnings From a WebPageTest Session on CSS-Tricks | CSS-Tricks
DigitalOcean provides cloud products for every stage of your journey. Get started with $200 in free credit! I got together with Tim Kadlec from over at WebPageTest the other day to use do a bit of performance testing on CSS-Tricks.
Saved
on: 2021-07-29
Optimizing Vue for Speed, Performance, and Core Web Vitals | MattStauffer.c
Last week I gave a talk at AlpineDay entitled "From Vue to Alpine: How & Why". In the talk I shared a few situations in which I've moved applications that were previously using Vue to use Alpine instead, for the sake of Google's Core Web Vitals.
Saved
on: 2021-06-24
Making Instagram.com faster: Part 1 | by Glenn Conner | Instagram Engineeri
In recent years, instagram.com has seen a lot of changes — we’ve launched stories, filters, creation tools, notifications, and direct messaging as well as myriad other features and enhancements.
Saved
on: 2021-06-07
Core Web Vitals Tracking via GA4, BigQuery and Google Data Studio
For our BigCommerce Tag Rocket subscribers with GA4 switched on, you are already most of the way there. Just follow our simpler article on how to set up BigQuery and the report. Update: In August 2022 the web.
Saved
on: 2021-06-01
Find N 1 problems instantly by disabling lazy loading | Laravel News
Strict about preventing N+1 query problems? @themsaid's recent contribution to the framework allows you to disable lazy loading entirely (exception will be thrown)... Can disable it only on non-production so production doesn't crash if one slips through! 💅
Saved
on: 2021-05-22
Lightning-Fast Web Performance: an online lecture series from Scott Jehl
Lightning-Fast Web Performance has a new home! Updated for 2022, the course remains free to view on the WebPageTest site thanks to Catchpoint.
Saved
on: 2021-05-20
The Humble Element And Core Web Vitals — Smashing Magazine
26 min read Performance, User Experience, Core Web Vitals, Next.js, Media Share on Twitter, LinkedIn Images have also been a key part of the web. They communicate ideas instantly, but they are also a lot heavier than text to load.
Saved
on: 2021-04-30
The Almost-Complete Guide to Cumulative Layout Shift
Confession Time: I don’t care about the Core Web Vitals (CWV) update. # For those who don’t know but still read my blog (hi, mom), here’s the quick rundown. “Core Web Vitals” is the name of three “core” parts of measuring the “web’s” “vitality.
Saved
on: 2021-04-20
100ms -> 40ms -> 1ms: Maximizing response caching in Laravel | Samuel Štanc
Saved
on: 2021-03-17
Debugging layout shifts
Learn how to identify and fix layout shifts. The first part of this article discusses tooling for debugging layout shifts, while the second part discusses the thought process to use when identifying the cause of a layout shift.
Saved
on: 2021-03-15
How CLS optimizations increased Yahoo! JAPAN News's page views per session
Optimizing CLS by 0.2 led to a 15% increase in page views per session, 13% longer session durations, and a 1.72 percentage point decrease in bounce rate. Yahoo! JAPAN is one of the largest media companies in Japan, providing over 79 billion page views per month.
Saved
on: 2021-03-10
content-visibility: the new CSS property that boosts your rendering perform
Improve initial load time by skipping the rendering of offscreen content. The content-visibility property, launching in Chromium 85, might be one of the most impactful new CSS properties for improving page load performance.
Saved
on: 2021-03-08
How We Improved SmashingMag Performance — Smashing Magazine
Vitaly Friedman 33 min read Smashing, Optimization, Performance, Case Studies, Core Web Vitals Share on Twitter, LinkedIn In this article, we’ll take a close look at some of the changes we made on this very site — running on JAMStack with React — to optimize the web performance and improve the
Saved
on: 2021-01-22
Maximally optimizing image loading for the web in 2021
Sara Soueidan said: Maximally optimizing image loading for the web in 2021 by @cramforce Loads of great #performance tips in there, some I didn’t know of before (like the `decoding` attribute 😯) Thread Sebastien Lorber 🇫🇷 said: TIL there's a "decoding" attr in html image in this post fro
Saved
on: 2021-01-20
Site-Speed Topography – CSS Wizardry – Web Performance Optimisation
N.B. On 6 June, 2023, I published an updated version of this article. I would encourage you to read after this. A couple of years ago, my first few days on a new web performance project were always slow going.
Saved
on: 2020-11-04
Tuning Your Apache Server | Linode
Your Apache configuration settings have a major effect on your Linode’s performance. There are several tools that can be used to further inspect your Apache server’s performance and make informed decisions on how to begin tuning your Apache configurations.
Saved
on: 2020-09-29
Apache2 and php fpm performance optimization — Step-by-step guide | by Seba
I had to handle high traffic loads in my career and I fought with down-time, not used memory and a lot of trouble in my past. In this article I want to give a step-by-step guide to apache2 performance settings, which is a concentrated result of a lot of reading and trying.
Saved
on: 2020-09-29
The Ultimate Guide to Web Performance 🚀
There's so many ways to speed up your site. Don't you wish every web performance tip was in one place? That's what I thought too, so I put them all in one place: this post. Use this guide as a reference.
Saved
on: 2020-09-25
A high-performance blog template for 11ty
Awais said: ✍️ Well, this is fantastic. A free high-performance 11ty Blog template by Google mostly @cramforce, @mathias, and of course @zachleat. Lots of interesting web perf practices in the code — that's all FOSS (Free & Open Source Software). Have at it.
Saved
on: 2020-09-07
A tale of webpage speed, or throwing away React
Back in 2011, I happened to get a job writing Backbone.js app. If you never did that, don’t. I was complaining about difficulties with composition left and right to whoever would listen. As I started digging into alternatives for the front-end, I discovered FRP and Flapjax, and ClojureScript.
Tags:
#performance
Saved
on: 2020-08-24
How We Achieve 90 Lighthouse Performance Score and Fully Offline Mode for
DANA Home Shopping is one of the key features that DANA provides to make us more convenience to buy stuff we want from our home without going anywhere. We can order via Whatsapp and pay it using QRIS (Quick Response Code Indonesian Standard).
Saved
on: 2020-07-08
The Fastest Google Fonts – CSS Wizardry – Web Performance Optimisation
Ten-Second Version: If you really can’t be bothered going to all of the effort outlined in this post, there is a super rough-and-ready, ten-second, alternative approach—place your Google Fonts stylesheet at the closing </body> tag.
Saved
on: 2020-05-20
Performant Front-end Architecture
This post describes some techniques to make front-end apps load faster and provide a good user experience. We'll look at the overall architecture of the front-end. How can you load essential resources first, and maximize the probability that the resources are already in the cache?
Saved
on: 2020-02-10
JoliCode - Battle log: a deep dive in Symfony stack in search of optimizati
My team and I are working on a big project that is becoming bigger and bigger. Split in micro services, each end-user call generates an increasing number of HTTP API calls. Performance was becoming a problem and the Developer eXperience (DX) suffered as a result.
Saved
on: 2020-01-20
DarkGhostHunter/Preloader: Preloader helper to create a PHP-ready preload s
Get the best options to keep your application fast as ever, with just one line. This package generates a PHP preloading script from your Opcache statistics automatically. No need to hack your way in.
Saved
on: 2020-01-15
Front-End Performance Checklist 2020 [PDF, Apple Pages, MS Word] — Smashing
Vitaly Friedman 178 min read Performance, Debugging, CSS, JavaScript, PDF, Checklists, Guides, Core Web Vitals Share on Twitter, LinkedIn Let’s make 2021… fast! An annual front-end performance checklist (available as PDF, Apple Pages, MS Word), with everything you need to know to create fast
Saved
on: 2020-01-07
Fast load times
Web performance is a crucial aspect of web development that focuses on the speed at which pages load, as well as how responsive they are to user input. When you optimize your website for performance, you're giving users a better experience.
Tags:
#performance
Saved
on: 2019-12-09
The Ethics of Web Performance - Web Performance Consulting | TimKadlec.com
One question I’ve seen posed a few times in the past several months is whether performance really is a moral or ethical concern, or if that’s all heavy-handed exaggeration. It’s a fair question, I suppose.
Tags:
#performance
Saved
on: 2019-08-01
The Simplest Way to Load CSS Asynchronously | Filament Group, Inc.
One of the most impactful things we can do to improve page performance and resilience is to load CSS in a way that does not delay page rendering.
Saved
on: 2019-07-24
The Three Types of Performance Testing – CSS Wizardry – CSS Architecture, W
A lot of companies—even if they are aware that performance is key to their business—are often unsure of how, when, or where performance testing sits within their development lifecycle.
Saved
on: 2019-07-15
Preloading in PHP 7.4
With PHP 7.4, support for preloading was added, a feature that could improve the performance of your code significantly. Let's look at it in depth.
Saved
on: 2019-07-04
Extract critical CSS | web.dev
Important: This guide describes an advanced performance technique that can improve performance, but can also lead to bugs if not implemented properly. Most sites should be able to achieve all of our recommended performance targets without implementing this technique.
Saved
on: 2019-06-05
Laravel: 12 tips to optimize performance - FrontNet Blog
Saved
on: 2019-04-11
How we built the fastest conference website in the world
This is a post by JSConf EU Organiser Malte Ubl.
Saved
on: 2019-03-20
AddyOsmani.com - JavaScript Loading Priorities in Chrome
How browsers schedule and execute scripts can impact the performance of web pages. While techniques like <script defer>, <link rel=preload> (and others) influence script loading, knowing how browsers interpret them can also be helpful.
Saved
on: 2019-02-21
Front-End Performance Checklist 2019 [PDF, Apple Pages, MS Word] — Smashing
Vitaly Friedman 178 min read Performance, Debugging, CSS, JavaScript, PDF, Checklists, Guides, Core Web Vitals Share on Twitter, LinkedIn Let’s make 2021… fast! An annual front-end performance checklist (available as PDF, Apple Pages, MS Word), with everything you need to know to create fast
Saved
on: 2019-01-10
A Beginner's Guide to Scaling to 11 Million+ Users on Amazon's AWS
How do you scale a system from one user to more than 11 million users? Joel Williams, Amazon Web Services Solutions Architect, gives an excellent talk on just that subject: AWS re:Invent 2015 Scaling Up to Your First 10 Million Users.
Saved
on: 2018-12-26
PHP Code Performance Explained - Blackfire
Welcome to Blackfire's book to PHP Performance. This book will guide you through the challenges of managing the performance of your applications.
Saved
on: 2018-11-27
Up to speed with web performance
On Thursday and Friday I learned all sorts of things about making sites faster at the performance.now() conference in Amsterdam. I frantically took notes at each talk, so here’s my summary of the event.
Tags:
#performance
Saved
on: 2018-11-22
web.dev
Thanks for tuning in to Google I/O! Watch content on-demand. Stay organized with collections Save and categorize content based on your preferences. We want to help you build beautiful, accessible, fast, and secure websites that work cross-browser, and for all of your users.
Saved
on: 2018-11-13
Web Performance 101
This is an introduction to modern web loading performance. Learn why performance is important, what performance optimizations exist, and which tools can help you understand if your app is performing well.
Saved
on: 2018-10-30
Perceived Performance: The Only Kind That Really Matters
Chris Harrison, a grad student at Carnegie Mellon found that progress bars with bands that animate in the opposite direction of the progress make the bar seem to fill faster.
Saved
on: 2018-10-03
thedaviddias/Front-End-Performance-Checklist
Performance is a huge subject, but it's not always a "back-end" or an "admin" subject: it's a Front-End responsibility too.
Saved
on: 2018-08-30
Web Performance Made Easy - Google I/O 2018 edition
At Google IO 2018, we presented a roundup of tools, libraries and optimization techniques that make improving web performance easier. Here we explain them using The Oodles Theater app. We also talk about our experiments with predictive loading and the new Guess.js initiative.
Saved
on: 2018-08-22
The Cost Of JavaScript In 2018 – Addy Osmani – Medium
Update: The Cost Of JavaScript In 2019 is now available to read. Building interactive sites can involve sending JavaScript to your users. Often, too much of it. Have you been on a mobile page that looked like it had loaded only to tap on a link or tried to scroll and nothing happens?
Saved
on: 2018-08-03
Developing at Full Speed with Xdebug | Juan Treminio - Dallas based senior
Docker for Mac is very slow. It is so slow that I purchased a new Dell XPS laptop and for the first time in 6 years am now using a non-MacOS (Fedora) machine as my daily driver.
Saved
on: 2018-07-30
Delivering WordPress in 7KB | CSS-Tricks
DigitalOcean provides cloud products for every stage of your journey. Get started with $200 in free credit! Over the past six months, I’ve become increasingly interested in the topic of web sustainability.
Saved
on: 2018-07-12
15 Experts Share Their Web Performance Advice for 2018
We had a lot of great feedback from the community on our previous post, web performance experts to follow online.
Saved
on: 2018-06-08
PHP-FPM: Process Management | Servers for Hackers
Learn how to manage how PHP-FPM creates and uses PHP processes to get the most out of your server.I'm running Ubuntu 14.04 in this video: # See the version used.
Saved
on: 2018-06-01
(8) Improving page performance with Chrome DevTools - YouTube
Modern DevTools Lesson 13 https://moderndevtools.com/lessons/13
Saved
on: 2018-03-22
Make your Laravel App Fly with PHP OPcache – Appstract – Medium
Every time you execute a PHP script, the script needs to be compiled to byte code. OPcache leverages a cache for this bytecode, so the next time the same script is requested, it doesn’t have to recompile it.
Saved
on: 2018-03-10
The Cost Of JavaScript – Dev Channel – Medium
As we build sites more heavily reliant on JavaScript, we sometimes pay for what we send down in ways that we can’t always easily see. In this post, I’ll cover why a little discipline can help if you’d like your site to load & be interactive quickly on mobile devices.
Saved
on: 2017-11-17
JavaScript Start-up Performance – reloading – Medium
Update: The Cost Of JavaScript In 2019 is now available to read. As web developers, we know how easy it is to end up with web page bloat. But loading a webpage is much more than shipping bytes down the wire.
Saved
on: 2017-10-30
Can You Afford It?: Real-world Web Performance Budgets
TL;DR: performance budgets are an essential but under-appreciated part of product success and team health. Most partners we work with are not aware of the real-world operating environment and make inappropriate technology choices as a result.
Tags:
#performance
Saved
on: 2017-10-28
Stitcher 1.0
Let's just dive right in. PHPStorm is made in Java. If you ever played Minecraft, you know you could allocate extra RAM by adding flags to your startup command. You can also do this in PHPStorm, it's even built into the UI.
Tags:
#performance
Saved
on: 2017-10-23
100/100 su Pagespeed Insights con il tuo sito Wordpress
Come promesso, ecco la guida su come mettere il turbo al proprio sito web ed ottenere il punteggio massimo sul famigerato tool Google Pagespeed Insights. Ottimizzare il vostro sito migliorerà notevolmente la velocità di caricamento e di conseguenza la user experience.
Tags:
#performance
Saved
on: 2017-10-17
Rearchitecting Airbnb’s Frontend – Airbnb Engineering & Data Science – Medi
Overview: We recently rethought the architecture for the JavaScript side of our codebase at Airbnb. This post will look at (1) the product drivers that precipitated the changes, (2) the steps we took to move away from our legacy Rails solutions, and (3) some of the key pillars of the new stack.
Saved
on: 2017-05-16