Skip to content

Instantly share code, notes, and snippets.

@vrusua

vrusua/#dev_optimisation.md

Created May 17, 2015 09:24
Show Gist options
  • Star 1 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save vrusua/a4105508199de4b797fa to your computer and use it in GitHub Desktop.
Save vrusua/a4105508199de4b797fa to your computer and use it in GitHub Desktop.
Download ZIP
some site optimisation tweaks
Raw
#dev_optimisation.md 
                            ### OPTIMISATION ###

##IMAGES preload

FONTS preload

#optimisation_fonts Font Loading Revisited with Font Events

tutorial + + + + + / updated approach http://www.filamentgroup.com/lab/font-events.html #optimisation_fonts How we use web fonts responsibly, or, avoiding a @font-face-palm tutorial + + + + / avoid a typically undesirable browser behavior we often refer to as the “FOIT” (Flash of Invisible Text) http://www.filamentgroup.com/lab/font-loading.html

#HTML preload

#effects_preload Page Preloading Effect http://tympanus.net/codrops/2014/08/05/page-preloading-effect/ https://github.com/codrops/PagePreloadingEffect

#effects_preload Page Preloading Effect http://tympanus.net/codrops/2014/04/25/freebie-flat-style-squared-preloaders/ http://github.hubspot.com/pace/docs/welcome/

CSS preload

#optimisation_fonts Loading CSS without blocking render

tutorial + + + + + / a technique to get content in front of visitors as quickly as possible by asynchronously downloading stylesheets to prevent them from blocking page render http://keithclark.co.uk/articles/loading-css-without-blocking-render/

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment