Herramientas SEO - Como conseguir la máxima puntuación posible en Google PageSpeed (1ª Parte) ~ SeoPrivado

Herramientas SEO - Como conseguir la máxima puntuación posible en Google PageSpeed (1ª Parte)

Compresión de imágenes

Herramientas: FileZilla y FileMinimizer
Conocimientos: utilización de varios programas a nivel elemental
Duración: 1 minuto o menos por imagen

El primer proceso dentro del tutorial y uno de los más importantes. Consiste en simplemente comprimir al máximo las imágenes de nuestra página web. Para conseguir tal cometido simplemente necesitamos utilizar FileZilla para descargar las imágenes no comprimidas y algún programa para comprimirlas. Yo aconsejo FileMinimizer, es rápido, sencillo y encima dispone de versión gratuita.

Comprimir archivos HTML, CSS y JavaScript

Herramientas: FileZilla, HTMLCompressor.com, CSSCompressor.com y JavaScriptCompressor.com
Conocimientos: utilización de varios programas a nivel elemental
Duración: 1 minuto o menos por archivo

Este proceso, al igual que el anterior, consiste en reducir el tamaño de algunos de nuestros archivos, en nuestro caso los archivos HTML, CSS y JavaScript. Para realizar tal cosa simplemente copiamos el contenido original, vamos a la página web propuesta anteriormente (cada una tiene su tipo de archivo), hacemos correr el programa y sustituimos el código antiguo por el nuevo.

Habilitar compresión con módulo mod_deflate

Herramientas: FileZilla y Bloc de Notas
Conocimientos: ninguno
Duración: 2-3 minutos

Consiste en simplemente utilizar un módulo de Apache para entregar diferentes tipos de archivos comprimidos. El proceso es simple: el usuario entra a una página web y pide los archivos; el servidor los comprime; el servidor los envía. Para conseguir esto simplemente copia el código siguiente en el archivo .htaccess de tu página web.

<IfModule mod_deflate.c>
 
AddOutputFilterByType DEFLATE text/plain
AddOutputFilterByType DEFLATE text/html
AddOutputFilterByType DEFLATE application/xhtml+xml
AddOutputFilterByType DEFLATE text/xml
AddOutputFilterByType DEFLATE application/xml
AddOutputFilterByType DEFLATE application/x-javascript
AddOutputFilterByType DEFLATE text/javascript
AddOutputFilterByType DEFLATE text/css
 
BrowserMatch ^Mozilla/4 gzip-only-text/html
 
BrowserMatch ^Mozilla/4\.0[678] no-gzip
 
BrowserMatch \bMSI[E] !no-gzip !gzip-only-text/html
 
<IfModule mod_headers.c>

Header append Vary User-Agent env=!dont-vary

</IfModule>
 
</IfModule>

Especificar caché

Herramientas: FileZilla y Bloc de Notas
Conocimientos: ninguno
Duración: 2-3 minutos

Cuando un usuario entra en una página web simplemente descarga un conjunto de archivos, que posteriormente son interpretados por nuestro navegador. Es muy común que estos archivos se repitan entre las diferentes páginas de nuestro sitio, por lo que es interesante que nuestro ordenador guarde estos archivos durante un tiempo para ser utilizados posteriormente. Para realizar este paso, como en el anterior, simplemente copiamos el siguiente código en el archivo .htaccess de nuestra página:

<IfModule mod_expires.c>

ExpiresActive on
 
ExpiresDefault                          "access plus 1 month"
ExpiresByType text/cache-manifest       "access plus 0 seconds"
ExpiresByType text/html                 "access plus 0 seconds"
ExpiresByType text/xml                  "access plus 0 seconds"
ExpiresByType application/xml           "access plus 0 seconds"
ExpiresByType application/json          "access plus 0 seconds"
ExpiresByType application/rss+xml       "access plus 1 hour"
ExpiresByType image/x-icon              "access plus 1 week"
ExpiresByType image/gif                 "access plus 1 month"
ExpiresByType image/png                 "access plus 1 month"
ExpiresByType image/jpg                 "access plus 1 month"
ExpiresByType image/jpeg                "access plus 1 month"
ExpiresByType video/ogg                 "access plus 1 month"
ExpiresByType audio/ogg                 "access plus 1 month"
ExpiresByType video/mp4                 "access plus 1 month"
ExpiresByType video/webm                "access plus 1 month"
ExpiresByType text/x-component          "access plus 1 month"
ExpiresByType font/truetype             "access plus 1 month"
ExpiresByType font/opentype             "access plus 1 month"
ExpiresByType application/x-font-woff   "access plus 1 month"
ExpiresByType image/svg+xml             "access plus 1 month"
ExpiresByType application/vnd.ms-fontobject "access plus 1 month"
ExpiresByType text/css                  "access plus 1 year"
ExpiresByType application/javascript    "access plus 1 year"
ExpiresByType text/javascript           "access plus 1 year"
   
</IfModule>