Especificar caché de navegador (Leverage browser caching) en 000webhost.com

por PCSencilla , en sábado, junio 07, 2014




Hola a todos,
Es posible ganar unos puntos en Pagespeed con este pequeño codigo.

Esta regla se activa cuando PageSpeed Insights detecta que la respuesta de tu servidor no incluye cabeceras de caché explícitas o que se especifica que los recursos se almacenen en caché durante poco tiempo.

Información general

El almacenamiento en caché del navegador para recursos estáticos puede ahorrarle tiempo al usuario si este visita tu sitio en más de una ocasión. El almacenamiento en caché de las cabeceras debería aplicarse a todos los recursos estáticos que puedan almacenarse en caché, no solo a un pequeño conjunto (como imágenes). Entre los recursos que se pueden almacenar en caché se incluyen los archivos JS y CSS, archivos de imágenes y otros archivos de objetos binarios (archivos multimedia, archivos PDF, etc.). En general, el código HTML no es estático y no debería considerarse apto para almacenarse en caché de forma predeterminada. Debes tener en cuenta qué política de almacenamiento en caché sería la más adecuada para el código HTML de tu sitio.

Recomendaciones

Habilita el almacenamiento en caché del navegador en tu servidor. Los recursos estáticos deben tener un ciclo de vida en caché de al menos una semana. En cuanto a los recursos de terceros, como anuncios o widgets, deben tener un ciclo de vida en caché de al menos un día. Se recomienda la siguiente configuración para los recursos que se puedan almacenar en caché:

Establece el valor de Expires en una semana como mínimo y, preferiblemente, en un año como máximo. Nosotros preferimos Expires antes que Cache-Control: max-age porque su compatibilidad es mayor. No establezcas un máximo superior a un año, ya que infringiría las normas RFC.
Si sabes exactamente cuándo cambiará un recurso, puedes establecer una fecha de caducidad más cercana. Sin embargo, si crees que cambiará pronto, pero no sabes cuándo, deberías especificar una fecha de caducidad más lejana y marcar las URL con tu huella digital (véase más adelante).

Optimizar la velocidad de carga de la página web en 000webhost.com y enfrentamos con un problema en el "Especificar caché de navegador (Leverage browser caching)".

# ------------------------------------------------------------------------------
# | Caché del navegador / Expires headers                                      |
# ------------------------------------------------------------------------------

# Establece una fecha de caducidad o una edad máxima en las cabeceras HTTP de los recursos estáticos,
# indica al navegador que cargue los recursos descargados previamente del disco local
# en lugar de hacerlo a través de la red.
# http://developers.google.com/speed/docs/best-practices/caching#LeverageBrowserCaching

<IfModule mod_expires.c>
    ExpiresActive on
    ExpiresDefault                                      "access plus 1 month"

  # CSS

    ExpiresByType text/css                              "access plus 1 month"

  # Intercambio de Data

    ExpiresByType application/json                      "access plus 0 seconds"
    ExpiresByType application/ld+json                   "access plus 0 seconds"
    ExpiresByType application/xml                       "access plus 0 seconds"
    ExpiresByType text/xml                              "access plus 0 seconds"

  # Favicon

    ExpiresByType image/x-icon                          "access plus 1 week"

  # HTML componentes

    ExpiresByType text/x-component                      "access plus 1 month"

  # HTML

    ExpiresByType text/html                             "access plus 0 seconds"

  # JavaScript

    ExpiresByType application/javascript                "access plus 1 month"
    ExpiresByType text/x-javascript                     "access plus 1 month"

  # Manifest archivos

    ExpiresByType application/x-web-app-manifest+json   "access plus 0 seconds"
    ExpiresByType text/cache-manifest                   "access plus 0 seconds"

  # Media

    ExpiresByType audio/ogg                             "access plus 1 month"
    ExpiresByType image/gif                             "access plus 1 month"
    ExpiresByType image/jpeg                            "access plus 1 month"
    ExpiresByType image/png                             "access plus 1 month"
    ExpiresByType video/mp4                             "access plus 1 month"
    ExpiresByType video/ogg                             "access plus 1 month"
    ExpiresByType video/webm                            "access plus 1 month"

  # Web feeds

    ExpiresByType application/atom+xml                  "access plus 1 hour"
    ExpiresByType application/rss+xml                   "access plus 1 hour"

  # Web fonts

    ExpiresByType application/font-woff                 "access plus 1 month"
    ExpiresByType application/vnd.ms-fontobject         "access plus 1 month"
    ExpiresByType application/x-font-ttf                "access plus 1 month"
    ExpiresByType font/opentype                         "access plus 1 month"
    ExpiresByType image/svg+xml                         "access plus 1 month"

</IfModule>


Se copia en el archivo .htaccess en   /Public_html/

Especificar caché de navegador (Leverage browser caching) en 000webhost.com
Sobre el articulo
Especificar caché de navegador (Leverage browser caching) en 000webhost.com - escrito por PCSencilla , publicado el sábado, junio 07, 2014, categorizado en tutoriales

0 Comments