HTML5 Boilerplate – trucuri de optimizare web în doar patru paşi

Una din marile probleme ale dezvoltatorilor web ce sunt pasionati de programare back-end este dezvoltarea unui design simplu, intuitiv şi optim. Problema este că majoritatea dintre aceştia întâmpină mari dificultăţi în realizarea acestora din diverse motive mai mult sau mai puţin tehnice. Cei de la Google, în frunte cu Paul Irish, din partea Google Chrome & jQuery a prezentat o serie de tehnici de imbunatire şi simplificare a acestor proceduri. Mai târziu a contribuit la dezvoltarea HTML5 Boilerplate, o unealtă, foartea asemănătoare cu un template ce rezolvă toate aceste mici obstacole. Are suport pentru lighttpd, Google App Engine, şi NodeJS cu optimizări aduse configuraţie server side (pentru Apache, Nginx şi IIS).

Dezvoltatorii aplicaţiei susţin că alături de configurările aduse serverului poate aduce optimizări de 400%, unele dintre exemplele lor reducând de la 120KB la doar 30KB descărcaţi/request. De asemenea confirmă o performanţă de nivelul A pentru YSlow şi Google PageSpeed.

Printre facilităţi

– combină şi comprimă fişiere javascript prin yui compressor
– combină şi comprimă fişiere CSS
– optimizează imagini JPG şi PNG cu ajutorul jpegtran şi optipng, salvând 15-50% din dimensiunea paginii
– compresie HTML de la nivel basic până la agresiv prin intermediul htmlcompressor
– optimizarea numelor fişierelor pentru a le stoca în cache fără riscul conflictelor
– upgrade pentru fisierel .htaccess pentru a facilita optimizările cache
– actualizează referinţele fişierelor HTML pentru fişierele CSS şi JS optimizate
– folosirea variantei jQuery de producţie în defavoarea celei de dezvoltare
– randarea proiectului în funcţie de mediul în care lucrezi :producţie, test, dezvoltare

Mai multe detalii despre această unealtă complexă şi deşteaptă pe site-ul oficial.