2023
GoogleChromeLabs/critters: 🦔 A Webpack plugin to inline your critical CSS and lazy-load the rest.
Critters is a plugin that inlines your app's critical CSS and lazy-loads the rest.
2017
FOIT vs. FOUT
(via)This demo was created to show the functional differences between FOIT and FOUT. It’s using Open Sans loaded from Google Web Fonts
2015
2014
Stitches - An HTML5 sprite sheet generator
by 2 othersDrag & drop image files onto the space below, or use the “Open” link to load images using the file browser. Then, click “Generate” to create a sprite sheet and stylesheet.
Loading sounds faster - Blog - Clicktorelease
The final solution implied using Typed Arrays and Blobs to create a binary file containing several assets, in a contiguous file, with a binary-encoded JSON string that contained all the indices and metadata of the files.
2013
Trimage (lossless) image compressor
by 2 others (via)Trimage is a cross-platform GUI and command-line interface to optimize image files for websites, using optipng, pngcrush, advpng and jpegoptim, depending on the filetype (currently, PNG and JPG files are supported). It was inspired by imageoptim. All image files are losslessy compressed on the highest available compression levels, and EXIF and other metadata is removed. Trimage gives you various input functions to fit your own workflow: A regular file dialog, dragging and dropping and various command line options.
2012
TinyPNG – Compress PNG images while preserving alpha transparency
by 2 othersAdvanced lossy compression for PNG images that preserves full alpha transparency.
2011
OptiPNG Home Page
by 4 othersOptiPNG is a PNG optimizer that recompresses image files to a smaller size, without losing any information. This program also converts external formats (BMP, GIF, PNM and TIFF) to optimized PNG, and performs PNG integrity checks and corrections.
If you wish to learn how PNG optimization is done, or to know about other similar tools, read the PNG-Tech article A guide to PNG optimization.
Page Speed Online — Google Developers
by 1 otherPage Speed Online analyzes the content of a web page, then generates suggestions to make that page faster. Reducing page load times can reduce bounce rates and increase conversion rates
Require.js - A tiny javascript loader
by 1 otherHow it speed up your loading time ? Without Require.js you need to download all javascript files when you come on the site. If you have jQuery, jQuery UI... it's more file to wait before your page be "ready". With Require.js, you just have one file to wait before your page be "ready". All other files are loaded after the page.
Yahoo! Smush.it™
by 3 othersSmush.it uses optimization techniques specific to image format to remove unnecessary bytes from image files. It is a "lossless" tool, which means it optimizes the images without changing their look or visual quality. After Smush.it runs on a web page it reports how many bytes would be saved by optimizing the page's images and provides a downloadable zip file with the minimized image files.
2010
Google Code Blog: Make your websites run faster, automatically -- try mod_pagespeed for Apache
by 1 otherSo today, we’re introducing a module for the Apache HTTP Server called mod_pagespeed to perform many speed optimizations automatically. We’re starting with more than 15 on-the-fly optimizations that address various aspects of web performance, including optimizing caching, minimizing client-server round trips and minimizing payload size. We’ve seen mod_pagespeed reduce page load times by up to 50% (an average across a rough sample of sites we tried) -- in other words, essentially speeding up websites by about 2x, and sometimes even faster.
2008
Helping the YUI Compressor » Yahoo! User Interface Blog
by 3 othersHow to optimise your code against YUI Compressor.
Improve website load time by 500% with 3 lines of code | Aciddrop.com
by 2 others (via)There are 4 relatively easy ways by which you can speed up the time it takes a browser to download a page:
- * Make fewer HTTP requests
- * Add a far-future expires header
- * Gzip your page's components
- * Minify your JavaScript, CSS and HTML
1
(20 marks)
