Hacker News new | past | comments | ask | show | jobs | submit login

awesome, I plan on launching 100kb.org when I get some free time with some tips to get pages under 100kb. Would you be interested in giving some tips?



Sure, here's some notes I have from building the Shittalk Generator

Minify HTML (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

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

https://gtmetrix.com/

https://developers.google.com/speed/pagespeed/insights/


This 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 (:




Consider applying for YC's Spring batch! Applications are open till Feb 11.

Guidelines | FAQ | Lists | API | Security | Legal | Apply to YC | Contact

Search: