recentpopularlog in

piperh : speed   97

« earlier  
Making Google Fonts Faster⚡ – Clio + Calliope – Medium
explains some steps worth considering for loading google fonts faster and/or with more control
webdesign  web  design  font  webfont  google  speed  load  loading  time  self-host  cdn  performance  webdev 
9 weeks ago by piperh
instant.page
js that triggers preload of the html of a linked page when you hover the link. Seems dubious to me, but what do I know?
webdesign  web  design  webdev  development  js  javascript  script  speed  performance  instant  page  preload  preloading  html  hover  click 
11 weeks ago by piperh
LazyLoad (vanilla-lazyload) | LazyLoad is a fast, lightweight and flexible script that speeds up your web application by loading images only as they enter the viewport. LazyLoad supports responsive images.
they say: LazyLoad is a fast, lightweight and flexible script that speeds up your web application by loading images only as they enter the viewport. LazyLoad supports responsive images
webdesign  web  design  js  javascript  script  lazyload  image  speed  performance 
december 2018 by piperh
CSS and Network Performance – CSS Wizardry – CSS Architecture, Web Performance Optimisation, and more, by Harry Roberts
techy article about structuring css to allow async drawing of page. Looks like a lot of bother for low-priority return in my case
webdesign  web  design  webdev  development  css  speed  performance  dom  cssom  render  critical 
november 2018 by piperh
Learn  |  web.dev
a google site titled 'Learn'. Extols 'structured learning paths'.
Quite techy, eg load times, network resilience - not about visual design
webdesign  web  design  webdev  development  speed  accessibility  security  google  learning 
november 2018 by piperh
The Complete Guide to Lazy Loading Images | CSS-Tricks
Various methods for implementing lazy - js, intersection observer API. Some resource links at end
webdesign  web  design  images  lazy  load  loading  speed  performance  js  javascript  script  api 
october 2018 by piperh
GitHub - Paul-Browne/lazyestload.js: load images only when they are in (and remain in) the viewport
load images only when they are in the viewport or 100px beneath. There's also a version that waits until user has stopped scrolling
lazyload  lazy  images  js  javascript  load  speed  performance  scroll  viewport 
october 2018 by piperh
The Low Hanging Fruit of Web Performance - The Media Temple Blog
tips for performance improvements. Worth reading right through. Resources at end of article.
webdesign  web  design  performance  speed  optimisation  cacheing  caching  optimising 
october 2018 by piperh
Measure Performance with the RAIL Model  |  Web Fundamentals  |  Google Developers
they say: RAIL is a user-centric performance model that breaks down the user's experience into key actions.
It's a Google thing
webdesign  web  design  performance  speed  rail  ux  user  experience 
september 2018 by piperh
The Font Loading Checklist—zachleat.com
distilled view of loading strategies for web fonts, primarily for speed.
A 4-point checklist
webdesign  web  design  font  load  loading  speed  checklist  performance  webfont  foit  fout  @font-face 
september 2018 by piperh
The ultimate guide to proper use of animation in UX
some principles to keep in mind when animating elements in web design. Useful advice and ideas about animation speed.
webdesign  web  design  animation  timing  speed  principles  movement  advice  tips  ui  ux 
september 2018 by piperh
GitHub - RevillWeb/img-2: Replace <img /> elements with <img-2> to automatically pre-cache images and improve page performance.
they say: Img2 will automatically:
• Only render initial images which are visible to the user
• Pre-cache all other images off the main thread with a Web Worker
• Lazy load images as they enter the user's viewport instantly from the cache
• Display a blurred preview image while the user waits for initial images
webdesign  web  design  img  performance  speed  optimise  pre-load  cache  images  js  javascript  script 
july 2018 by piperh
What Are Service Workers and How They Help Improve Performance
they say: Service workers allow developers to manage resource caching more efficiently so that users don’t experience interruptions even if they disconnect from the internet. This guide will explain how a service worker can propel your web app’s performance to new heights.
webdesign  web  design  webdev  service  worker  performance  speed  pwa 
july 2018 by piperh
Performance Auditing: A Firefox Developer Tools Deep Dive — SitePoint
they say: we’ll cover Firefox Web Developer Tools (“DevTools”) — a set of tools designed to help developers inspect, debug, profile and optimize the performance of websites and web applications.
webdesign  web  design  performance  audit  auditing  speed  firefox  tools  developer  optimise 
july 2018 by piperh
Assessing Loading Performance in Real Life with Navigation and Resource Timing  |  Web Fundamentals  |  Google Developers
Google developers article about using 2 APIs to assess RUM (Real User Monitoring) - they say better than measuring synthetic performance. If I could understand it, probably useful for improving speed
webdesign  web  design  webdev  performance  speed  loading  api  rum  navigation  timing  resource  testing 
july 2018 by piperh
15+ Experts Share Their Web Performance Advice for 2018
v useful performance advice on current best practice and dealing with legacy site structure
webdesign  web  design  performance  advice  tips  2018  speed  webdev  ux 
june 2018 by piperh
Five Techniques to Lazy Load Images for Website Performance — SitePoint
Lazy loading images means loading images on websites asynchronously — that is, after the above-the-fold content is fully loaded, or even conditionally, only when they appear in the browser’s viewport.
webdesign  web  design  image  photo  lazyload  lazy  load  ux  optimise  optimisation  performance  speed 
may 2018 by piperh
Hey hey `font-display` | CSS-Tricks
a quick look at css font-display properties and what they do, with some handy deeper resource links
webdesign  web  design  font  display  fout  foit  font-face  performance  speed  font-display 
may 2018 by piperh
GitHub - denar90/sloth: Sloth - an extension to make you suffer, browsing the web.
Chrome extension to throttle web connection for testing - see how ux is for slow connections
webdesign  web  design  webdev  speed  slow  throttle  throttling  chrome  extension  performance 
march 2018 by piperh
Lazy Load Images
a technique for lazy loading blurry lo-res images before the hi-res are loaded
webdesign  web  design  lazy  load  loading  speed  performance  image 
january 2018 by piperh
Font-display playground
about css 'font-display' attribute, to use with @font-face. Describes the values and their effect.
webdesign  web  design  font  display  css  loading  strategy  fallback  block  performance  speed  delay  @font-face 
january 2018 by piperh
Latency | Apex Software
Global latency testing tool. Gives results from various cities worldwide. Handy for testing server location I suppose.
webdesign  web  design  webdev  performance  speed  latency  global  worldwide  network  test  ping 
september 2017 by piperh
GitHub - typekit/webfontloader: Web Font Loader gives you added control when using linked fonts via @font-face.
Web Font Loader gives you added control when using linked fonts via @font-face. It provides a common interface to loading fonts regardless of the source, then adds a standard set of events you may use to control the loading experience. ... is able to load fonts from Google, Typekit, Fonts.com, and Fontdeck, as well as self-hosted web fonts.
webdesign  web  design  font  load  loading  speed  performance  google  typekit  host  self-host 
december 2016 by piperh
Front-End Performance Checklist 2017 (PDF, Apple Pages) – Smashing Magazine
not all relevant for me but good links to pshop webp plugins and articles about cacheing and a few other bits. Some points are seriously geeky and require a lot of other reading to understand, but the time might be well spent if you're working on a heavy complicated site.
webdesign  web  design  performance  speed  cache  cacheing  webp  development  checklist  list 
december 2016 by piperh
FOUT, FOIT, FOFT | CSS-Tricks
explanation and a few comments about fout, foit and foft, and font loading
webdesign  web  design  font  fout  foft  foit  performance  load  speed  @font-face  webfont  type  face  typeface 
july 2016 by piperh
A Comprehensive Guide to Font Loading Strategies—zachleat.com
thorough article describing different strategies for using web fonts, depending what you think the site situation is
webdesign  web  design  webfont  font  load  speed  performance  @font-face  typography  display  fout  foit 
july 2016 by piperh
Lazy-Loading Images: How Not to Really Annoy Your Users
tutorial about setting up lazy loading. A jQuery method and a vanilla method using 'Blazy'.
webdesign  web  design  lazy  loading  load  image  speed  performance  optimise  optimisation  js  javascript  jquery 
july 2016 by piperh
Website Grader
online grading tool for website performance giving results on different aspects like http requests, speed etc. Looks a bit schoolboyish but there may be some useful tips
webdesign  web  design  webdev  performance  analysis  grade  grading  website  development  seo  speed 
july 2016 by piperh
Movistar empieza a cobrar el exceso en consumo de datos en el móvil | Economía | EL PAÍS
El País article explaining Movistar's new policy on charging for 'excess' data use
movistar  telefónica  data  excess  speed  limit  mobile  browse  mb  gb  reduced 
may 2016 by piperh
Patrick Sexton - Google+
geezer writes about web performance and speed issues
webdesign  web  design  speed  performance  google  mobile 
may 2016 by piperh
The Web Fonts: Preloaded—zachleat.com
suggestions and howto about preloading fonts
webdesign  web  design  font  preload  speed  fouc  fout  foit  render  load  code  webdev 
april 2016 by piperh
Accelerated Mobile Pages Project
google's pages about AMP. It's for me, yet (6.3.16). Maybe in the future
webdesign  web  design  amp  google  about  code  css  html  coding  accelerated  mobile  pages  howto  tutorial  example  speed  performance 
march 2016 by piperh
Lazyload - a fast, lightweight and flexible script for loading images when they enter the viewport
vanilla js version of lazyload. Looks v interesting - could be good for Tria mobile pages with lots of images. Supports 'srcset'. Takes advantage of progressive jpeg. 12k and 5k minified.
webdesign  web  design  lazyload  js  javascript  image  loading  webdev  speed  load  mobile  viewport  scroll  srcset 
august 2015 by piperh
YSlow - Official Open Source Project Website
yahoo page about page speed, with advice and reference and browser plugins to test speed
webdesign  web  design  addon  extension  speed  webpage  website  measure  performance  size  yahoo  browser  recommendations  suggestions 
june 2015 by piperh
Is jQuery Too Big For Mobile? | Flippin' Awesome
article about load times for jquery on mobiles. Inconclusive though makes me think jquery is OK. At least, better than the checkbox hack.
jquery  js  mobile  javascript  performance  rtt  speed  load  time  responsive  rwd  webdesign  web  design  latency  http  request 
may 2014 by piperh
« earlier      
per page:    204080120160

Copy this bookmark:





to read