public marks

PUBLIC MARKS from srcmax with tag optimisation



This demo was created to show the functional differences between FOIT and FOUT. It’s using Open Sans loaded from Google Web Fonts



Stitches - An HTML5 sprite sheet generator

by 2 others
Drag & 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.


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.


TinyPNG – Compress PNG images while preserving alpha transparency

by 2 others
Advanced lossy compression for PNG images that preserves full alpha transparency.


OptiPNG Home Page

by 4 others
OptiPNG 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 other
Page 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 other
How 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.


by 4 others 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 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.


Google Code Blog: Make your websites run faster, automatically -- try mod_pagespeed for Apache

by 1 other

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


Improve website load time by 500% with 3 lines of code |

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

srcmax's TAGS related to tag optimisation

apache +   audio +   cache +   cache control http +   compression +   css +   developpement +   font face +   generator +   gif +   google +   image +   images +   intégration +   jpeg +   jpg +   js +   loading +   module +   online +   page speed +   performances +   php +   png +   responsive design +   responsive images +   sprites +   spritesheet +   web audio api +   windows +