recentpopularlog in

garrettc : performance   160

« earlier  
Why loading third party scripts async is not good enough
Defer loading third party (async) scripts until after onload, for better, more meaningful page load time data.
javascript  performance  async  webdevelopment 
11 days ago by garrettc
Nginx Quick Reference
Comprehensive list of tips, tricks, and configuration examples for Nginx.
nginx  server  tips  tricks  configuration  devops  sysadmin  tuning  performance  http  https 
9 weeks ago by garrettc
OKRs, Explained with "Star Wars"
"Having trouble understanding OKRs? This presentation will explain it to you, with the Emperor as CEO, and Darth Vader and Grand Moff Tarkin as his leadership team"
culture  management  business  performance  metrics  okr 
11 weeks ago by garrettc
OKRs, Explained with "Star Wars"
Having trouble understanding OKRs? This presentation will explain it to you, with the Emperor as CEO, and Darth Vader and Grand Moff Tarkin as his leadership t…
business  management  performance  okr 
12 weeks ago by garrettc
The Ethics of Web Performance
"When you stop to consider all the implications of poor performance, it’s hard not to come to the conclusion that poor performance is an ethical issue."
performance  energy  webdevelopment  userexperience 
january 2019 by garrettc
Front-End Performance Checklist 2019 [PDF, Apple Pages, MS Word]
"Let’s make 2019... fast! A front-end performance checklist (PDF/Apple Pages/MS Word), with everything you need to know to create fast experiences today."
performance  webdevelopment  userexperience  accessibility  checklist 
january 2019 by garrettc
Squoosh
Compress and compare images with different codecs, right in your browser
development  image  performance  tools  compression 
december 2018 by garrettc
What is First Input Delay?
"FID is a metric that tracks the delay between the time a user can attempt to interact with a part of the site, and the time that the interface is able to respond to that interaction. We have all experienced situations where a web page has visibly loaded and we try to click around on buttons or any Javascript-powered interactive elements, but nothing responds. This delay is what the FID metric tracks."
performance  webdevelopment  userexperience 
december 2018 by garrettc
Increasing Application Performance with HTTP Cache Headers
"HTTP cache headers can significantly improve the user experience of web applications. Understand their use and in what scenarios to employ them."
cache  caching  worldwideweb  devops  sysadmin  performance 
november 2018 by garrettc
What Does My Site Cost?
Find out how much it costs for someone to use your site on mobile networks around the world.
performance  tool  webdevelopment  testing 
november 2018 by garrettc
The “Developer Experience” Bait-and-Switch
"TL;DR: we cannot continue to use as much JavaScript as is now “normal” and expect the web to flourish. At the same time, most developers experience no constraint on their use of JS…until it’s too late. “JS neutral” and “TTI negative” tools are here, but we’re stuck in a rhetorical rut. We need to reset our conversation about “developer experience” to factor in the asymmetric cost of JS."
javascript  performance  progressiveenhancement  worldwideweb  rant 
october 2018 by garrettc
LOW←TECH MAGAZINE
Our new blog is designed to radically reduce the energy use associated with accessing our content.
webdevelopment  energy  performance  science  solar  conservation 
october 2018 by garrettc
The Font Loading Checklist—zachleat.com
"Our goal as web developers is to maximize the experience and raise user expectations to the level of what the web is capable of delivering, but also to manage our performance budgets to ensure that we are fulfilling the promise of the web—it’s ubiquity. This checklist should help you deliver on those two often competing ideals."
css  fonts  performance  bestpractice  webfonts 
september 2018 by garrettc
Converting Images To WebP
In this excerpt from his eBook “The WebP Manual,” developer and author Jeremy Wagner will show you the many ways you can convert your existing images to the WebP format.
webp  images  compression  performance  webdevelopment  webdesig 
august 2018 by garrettc
The Bullshit Web
My home computer in 1998 had a 56K modem connected to our telephone line; we were allowed a maximum of thirty minutes of computer usage a day, because my parents — quite reasonably — did not want to have their telephone shut off for an evening at a time. I remember webpages loading slowly: ten […]
worldwideweb  userexperience  advertising  tracking  performance  privacy 
august 2018 by garrettc
Improving Your CSS with Parker
How to use Katie Fenn's excellent CSS tool Parker.
css  webdevelopment  performance  analysis  tool  nodejs  javascript 
july 2018 by garrettc
Parker - Stylesheet analysis tool
Parker is a stylesheet analysis tool. It runs metrics on your stylesheets and will report on their complexity.
css  webdesign  webdevelopment  performance  tool  javascript  nodejs 
july 2018 by garrettc
I Used A Phone Like Most People In The World And It Was Awful
"I lived with a best-selling Indian phone for 10 days. Nothing went smoothly."
android  userexperience  device  phone  mobilefirst  performance  responsivedesign 
july 2018 by garrettc
How to preload Google Fonts using resource hints
Senior Web Developer | Accessibility Advocate | Founder of Webdapper & GitHooks
webdevelopment  fonts  performance 
may 2018 by garrettc
PWA Stats
A collection of Progressive Web App case studies.
progressivewebapp  performance  statistics  data  webdevelopment  offlinefirst 
may 2018 by garrettc
WPO Stats
WPO Stats: A collection of case studies and experiments demonstrating the impact of web performance.
performance  reference  userexperience  research  webdevelopment  data 
may 2018 by garrettc
BundlePhobia
Bundlephobia helps you find the performance impact of adding a npm package to your front-end bundle
javascript  nodejs  npm  performance 
april 2018 by garrettc
PostCSS CSS declaration sorter
"A Node.js module and PostCSS plugin to sort CSS declarations based on their property names. Ensuring the CSS is organized, more consistent and in order"
css  webdevelopment  webdesign  performance  postcss  nodejs 
march 2018 by garrettc
Taking A Look At The State Of Progressive Images And User Perception
"There is no simple way to synthesize a user’s perception of an image loading over time. We are driven by the gut feeling that showing earlier is better, even if it’s not the final content, though some users will disagree.

As developers, we need to measure performance. It’s the only way we can set targets to improve it, and know when we don’t meet a performance budget."
performance  images  webdevelopment  webdesign  lqip  research  userexperience 
february 2018 by garrettc
Hacks
Fascinating overview of how rendering in a browser works.
browser  css  firefox  performance  webdevelopment  programming  learning 
february 2018 by garrettc
How JavaScript works: The building blocks of Web Workers + 5 cases when you should use them
"This time we’ll be taking apart Web Workers: we’ll offer an overview, discuss the different types of workers, how their building components come to play together, and what advantages and limitations they offer in different scenarios. Finally, we’ll provide 5 use cases in which Web Workers will be the right choice."
javascript  performance  serviceworker  webworker  sharedworkers  webdevelopment  programming 
january 2018 by garrettc
LukeW | Mobile Design Details: Avoid The Spinner
still holds true today: “focus on THE content being loaded not the fact that content IS loading.”
webdevelopment  userexperience  performance 
january 2018 by garrettc
Article Performance Leaderboard
A scoreboard of how quickly articles from various media companies load.
performance  webdesign  webdevelopment  userexperience  publishing  board 
january 2018 by garrettc
The Quickstart Guide to Fast WordPress
Fast WordPress performance is crucial to your business: A slow site can lower search rankings and turn off customers. Maximize your performance with this guide.
wordpress  webdevelopment  performance  optimisation  plugin  devops  userexperience 
january 2018 by garrettc
How Loading Time Affects Your Bottom Line
Page loading time is obviously an important part of any website’s user experience. And many times we’ll let it slide to accommodate better aesthetic design, new nifty functionality or to add more content to web pages.
conversion  ecommerce  performance  webdesign  webdevelopment 
january 2018 by garrettc
SpeedCurve
Monitor the front-end performance and build of your website. Compare yourself to others and beat the competition. Start a 30 day free trial now!
performance  speed  testing  webdevelopment  devops  tool 
january 2018 by garrettc
Analysing analytics
Ain’t no third party like a Google Analytics third party.
analytics  google  webdevelopment  performance 
january 2018 by garrettc
Front-End Performance Checklist 2018 [PDF, Apple Pages]
Let’s make 2018... fast! A front-end performance checklist (PDF/Apple Pages), with everything you need to know today to create fast experiences tomorrow.
performance  webdevelopment  userexperience 
january 2018 by garrettc
Designing for Mobile Performance
Mustafa Kurtuldu mulls over the topic of performance - both perceived and measured - for users of mobile devices. Of course, in managing to deliver millions of gifts around the world on the night before Christmas perhaps Santa is the real expert in mobile performance.
mobileweb  mobile  performance  responsivedesign  webdesign  webdevelopment 
december 2017 by garrettc
The Cost Of JavaScript
"Spending a long time parsing/compiling code can heavily delay how soon a user can interact with your site. The more JavaScript you send, the longer it will take to parse & compile it before your site is interactive."
javascript  performance  webdevelopment 
december 2017 by garrettc
How to Fix the Refresh Button When Using Service Workers
"In a previous article, I explained how and why Service Workers break the browser’s Refresh button by default. Getting this right requires an intimate understanding of the Service Worker lifecycle, the Caches API, the Registration API, and the Clients API. By the time you’ve plowed through this article, you’ll know pretty much everything you need to know about the Service Worker API."
progressivewebapps  serviceworker  javascript  webdevelopment  performance 
november 2017 by garrettc
Chrome Summit: New Bar for Web Experiences
"At the Chrome Dev Summit in San Francisco, Thao Tran and Chris Wilson discussed the user experience benefits made possible by new Web technologies with a number of case studies. Here's my notes from their talk: The new bar for web experiences"
progressivewebapps  performance  mobileweb  webdevelopment  conference  report 
november 2017 by garrettc
Using SVG as placeholders — More Image Loading Techniques
"I’m passionate about image performance optimisation and making images load fast on the web. One of the most interesting areas of exploration is placeholders: what to show when the image hasn’t loaded yet.

During the last days I have come across some loading techniques that use SVG, and I would like to describe them in this post."
progressiveenhancement  responsivedesign  webdesign  webdevelopment  performance  svg 
november 2017 by garrettc
Can You Afford It?: Real-world Web Performance Budgets – Infrequently Noted
"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."
performance  webdevelopment  appdevelopment  progressivewebapps  userexperience  testing 
october 2017 by garrettc
Designing for Performance
This practical introduction to web performance helps you approach projects with page speed in mind, showing you how to test and benchmark design choices against page speed.
book  performance  webdesign  webdevelopment  reference 
september 2017 by garrettc
Building Skeleton Screens with CSS Custom Properties
"Designing loading states on the web is often overlooked or dismissed as an afterthought. Performance is not only a developer's responsibility, building an experience that works with slow connections can be a design challenge as well.

While developers need to pay attention to things like minification and caching, designers have to think about how the UI will look and behave while it is in a "loading" or "offline" state."
loading  performance  webdesign  webdevelopment  css  animation 
september 2017 by garrettc
Beyond the Bubble
Ben Schwarz's presentation about performance.
webdevelopment  performance  presentation 
september 2017 by garrettc
The State of the Web - A guide to impactful performance improvements
"The Internet is growing exponentially, and so is the Web platform we create. Often though we fail to reflect on the greater picture of connectivity and contexts the audience of our work might find themselves in. Even a short glance at the state of the World Wide Web shows that we haven’t been building with empathy, situation variability awareness, let alone performance in mind."
performance  userexperience  webdevelopment  webdesign 
september 2017 by garrettc
Perch Image Optimisation
"The Perch Image Optimiser will compress images that are generated by the CMS"
perch  cms  performance  webdevelopment  programming  imagery 
august 2017 by garrettc
Empathy Prompts
Prompts to consider when making things for others to use.
webdevelopment  appdevelopment  equality  accessibility  performance 
july 2017 by garrettc
Designed lines.
Designing a lightweight, inexpensive digital experience is a form of kindness.
broadband  internet  performance  empathy  society  technology  equality  worldwideweb 
july 2017 by garrettc
The Mindfulness of a Manual Performance Audit
"As product owners or developers, we probably have a good handle on which core assets we need to make a website work. But rarely is that the whole picture. How well do we know every last thing that loads on our sites?"
webdevelopment  audit  business  performance 
june 2017 by garrettc
Nettitude Security Testing
"Nettitude is a global leader in the delivery of Cyber Security Testing, Penetration Testing, Risk Management, Compliance and Digital Forensic services."
security  performance  webdevelopment  business  testing  company 
may 2017 by garrettc
Sitespeed.io
Sitespeed.io is an open source tool that helps you analyze and optimize your website speed and performance, based on performance best practices. Run it locally or use it in your continuous integration. Download or fork it on Github!
performance  monitoring  userexperience  webdevelopment 
may 2017 by garrettc
Yellow Lab Tools web performance tool
Free online web performance tool. Audit your webpage for performance and front-end quality issues. And it's open-source!
performance  testing  webdevelopment  opensource  userexperience 
may 2017 by garrettc
Too Hot To Handle - Optimizing for Low Powered Devices
Simon Hearne explains why the CPU will soon be the biggest challenge for web performance (if it isn’t already), explores the many tasks that now rely on the CPU and the impact that these have on user experience, and demonstrates how to profile CPU usage to find issues and limit their impact as well as how to manage CPU load at scale to ensure that every customer gets a good experience, regardless of gigahertz.
javascript  webdevelopment  pwa  programming  performance  mobileweb 
may 2017 by garrettc
Your site without JavaScript
"There are plenty of reasons why the presence of script (what it does, how it works, and how heavy it is) needs to be considered a little more thoughtfully.

Web traffic today is made up of more than 50% mobile devices, of these devices, many operate under extremely volatile network connections—loading scripts-alone in less than 10 seconds is nigh on impossible in many situations."
medium  article  performance  webdevelopment  javascript 
april 2017 by garrettc
Scrolling on the web: A primer
"Scrolling is one of the oldest interactions on the web. Long before we had pull-to-refresh or infinite-loading lists, the humble scrollbar solved the web’s original scaling problem: how can we interact with content that’s stretched beyond the available viewport?"
userexperience  webdevelopment  browser  performance  javascript  scrolling  pamoja 
april 2017 by garrettc
BenjaminBenBen - CSS analyzer
"I was working with a large css codebase and wanted to see if our rules were becoming more specific as the css source grew, so I built css.benjaminbenben.com to look at how css rules are applied to a page."
code  css  webdevelopment  performance  analysis 
february 2017 by garrettc
WebPageTest
"Run a free website speed test from around the globe using real browsers at consumer connection speeds with detailed optimization recommendations."
performance  webdevelopment  tool  loadtesting  testing 
january 2017 by garrettc
Housing Go - Behind the Screens
Redesign of our mobile website provided us the opportunity to revamp the code base to push performance to the max. With the technological advancement and improved capabilities of modern browsers like…
webdesign  webdevelopment  offlinefirst  serviceworker  pwa  performance  casestudy 
november 2016 by garrettc
Parse time for javascript on mobile is non-trivial.
Parse time for javascript on mobile is non-trivial.
It has never been more important to ship less code to users.…
mobile  mobileweb  offlinefirst  javascript  webdevelopment  performance  research 
november 2016 by garrettc
Performance and assumptions
"…many of us don’t think this harms users because we believe that everyone who uses the web is just like us."
webdevelopment  performance  progressiveenhancement  offlinefirst  bestpractice 
october 2016 by garrettc
« earlier      
per page:    204080120160

Copy this bookmark:





to read