2 ms·
Sure, here's some notes I have from building the Shittalk Generator Minify HTML (http://www.willpeavy.com/minifier/ http://www.willpeavy.com/minifier/) Minify
by random_rr 11y ago
Sure, here's some notes I have from building the Shittalk Generator
Minify HTML (http://www.willpeavy.com/minifier/ http://www.willpeavy.com/minifier/)
Minify CSS (YUICompressor)
Minify JS (Google Closure Compiler)
Enable gzip compression
Replace jQuery (29kB) with Zepto (9.6kB)
Remove Bootstrap.js dependancy (usually, you don't need it)
Heavy reliance on async ajax calls (only load visible page content, load everything else on scroll using a function like below)
$(window).ready(function () {
$(this).one('scroll', function () { //only executes once
// call this data when a user scrolls down for the first time
// only do this with below-the-fold content
});
});
Make efficient database queries, bundle them together when you can.
Use loadCSS to asynchronously load non-essential CSS after the page has been loaded: https://github.com/filamentgroup/loadCSS https://github.com/filamentgroup/loadCSS
Try out different CDN's - some CDN's have bootstrap.min.css around 30kb, and other services have it compressed to 19kB (CDNJS works best for me)
Use the following sites to find what's impacting load times/page size:
http://tools.pingdom.com/fpt/#!/dVQE7B/http://daviseford.com/shittalk/ http://tools.pingdom.com/fpt/#!/dVQE7B/http://daviseford.com...
https://gtmetrix.com/ https://gtmetrix.com/
https://developers.google.com/speed/pagespeed/insights/ https://developers.google.com/speed/pagespeed/insights/
- franciscop 11y agoThis is an awesome list that will be really useful and mostly front-end or cross-(back-end) like gzip, which is awesome. Also the tools are a great plus, thanks (: