Publicado en

Comprimir .js o .css

¿alguna vez os habéis acordado de algún programador por no haber indentado un programa?

¿os habéis planteado que ocurre muy habitualmente en los .js y .css?

Es una práctica recomendada por google ahora y consiste en eliminar todo tipo de código de programación inútil como blancos, tabulaciones, indentados, controles de carro,…y dejar únicamente el código útil.

Es sencillo porque hay dos compresores que te ayudan a ello y no es necesario desarrollar nada. Por ello, os dejo aquí el enlace a ese compresor demo que te ayuda poniendo el código y llevando el resultado a tu web.

A los programadores de antes, nos gusta tener el código bien indentado, con lo que yo suelo dejarme la copia indentada para que sea más cómoda cualquier modificación.

También es posible hacerse una llamada a la función como explican en la web: http://www.phpied.com/cssmin-js/

Ahora vayamos a hacer la demo y veréis que rápido es! Para ello, habrá que acceder al siguiente enlace:

http://tools.w3clubs.com/cssmin/

En la primera casilla pondremos nuestro código .js o .css y en la segunda casilla nos pondrá como queda optimizado.

Publicado en

Increase the Magento Speed with mod_deflate – Incrementar la velocidad de Magento con mod_deflate

Hay varias tácticas para aumentar la velocidad de tu tienda de Magento y una de ellas es utilizar el módulo de PHP mod_deflate.

Para averiguar si está instalado en nuestra tienda, recordad que lo podemos averiguar realizando un fichero .php para llamar a la función phpinfo(); como describía en el post siguiente: http://www.patriciaseuba.es/2014/07/ioncube-o-cualquier-configuracion-de-tu-servidor/

<?
phpinfo();
?>

Si no está, deberemos ponerlo en el servidor para utilizar las funcionalidades que vienen a continuación.

Para revisar si la web utiliza el mod_deflate podemos acceder a una web que nos lo “chivará”: Accede a http://www.whatsmyip.org/http-compression-test/ y pon en la casilla la URL de la tienda. Si no pone OK, sabremos que no está utilizando el módulo mod_deflate.

Para utilizarlas, iremos al .htaccess del web site y donde aparezca lo siguiente o nada si buscamos el mod_deflate:

<IfModule mod_deflate.c>
############################################
## enable apache served files compression
## http://developer.yahoo.com/performance/rules.html#gzip
# Insert filter on all content
###SetOutputFilter DEFLATE
# Insert filter on selected content types only
#AddOutputFilterByType DEFLATE text/html text/plain text/xml text/css text/javascript
# Netscape 4.x has some problems...
#BrowserMatch ^Mozilla/4 gzip-only-text/html
# Netscape 4.06-4.08 have some more problems
#BrowserMatch ^Mozilla/4\.0[678] no-gzip
# MSIE masquerades as Netscape, but it is fine
#BrowserMatch \bMSIE !no-gzip !gzip-only-text/html
# Don't compress images
#SetEnvIfNoCase Request_URI \.(?:gif|jpe?g|png)$ no-gzip dont-vary
# Make sure proxies don't deliver the wrong content
#Header append Vary User-Agent env=!dont-vary
</IfModule>

lo cambiaremos por lo siguiente:

<IfModule mod_deflate.c>

    AddOutputFilterByType DEFLATE text/html text/plain text/xml text/css text/javascript
    AddOutputFilterByType DEFLATE application/xml application/xhtml+xml application/rss+xml
    AddOutputFilterByType DEFLATE application/javascript application/x-javascript
    #AddOutputFilterByType DEFLATE application/x-httpd-php

    BrowserMatch ^Mozilla/4 gzip-only-text/html
    BrowserMatch ^Mozilla/4\.0[678] no-gzip
    BrowserMatch \bMSI[E] !no-gzip !gzip-only-text/html

    SetEnvIfNoCase Request_URI \.(?:gif|jpe?g|png)$ no-gzip dont-vary
    SetEnvIfNoCase Request_URI \.(?:exe|t?gz|zip|bz2|sit|rar)$ no-gzip dont-vary
    SetEnvIfNoCase Request_URI \.(?:pdf|doc)$ no-gzip dont-vary
    SetEnvIfNoCase Request_URI \.(?:avi|mov|mp3|mp4|rm)$ no-gzip dont-vary

</IfModule>

Espero que os sirva pero de todas formas si queréis oirlo en inglés a través de un youtube os dejo aquí el enlace:
http://youtu.be/g6dXt6gyUTk