Web Tools for Coding

Este proyecto nació como un experimento para crear una página estática con la mayor velocidad de acceso de la que fuera capaz. Creé un pequeño framework en PHP para generar en local las distintas páginas a partir de plantillas, de forma que una ejecución de “build.php” me produjera una serie de archivos HTML estáticos. Después, mediante varios scripts de Bash que llamaban a diversos comandos, minificaba el código para que pesara menos, al igual que hacía con los archivos JavaScript y CSS. Para las imágenes usaba las herramientas de creación de sprites que ofrecen Compass y Sass. Precomprimía cada archivo resultante con gzip y configuraba el servidor Nginx para que los sirviera directamente, evitando así que los comprimiera él mismo en cada petición. En las cabeceras HTTP indicaba que todos los archivos debían ser cacheados, y añadía en las URLs un timestamp con la fecha de última modificación de cada archivo para que se recargase si la versión del servidor era más reciente que la caché del navegador. Una vez se habían generado todos los archivos, se subían a producción.

En fin, usé todos los trucos que se me ocurrieron y que encontré por Internet. Otra cosa que pude haber hecho fue servir los archivos desde un CDN, pero ya no llegué a eso. Logré una gran velocidad de respuesta. Sin embargo tuve que desinstalar Nginx para otro proyecto, así que copié la página al servidor de este blog para poder seguir usando las pequeñas herramientas de programación que implementé.

Visitar la página del proyecto Web Tools for Coding.