Aumenta la velocidad de carga de tu sitio web en DLE

En esta ocasión en tutoriales en linea les hablaremos sobre como aumentar la velocidad de carga de tu sitio web en DataLife Engine (DLE), técnicas, secretos de optimizacion y SEO.

A continuación mostraremos la optimizacion obtenida tras aplicar los cambios en el archivo .htaccess. Para poder seguir con este tema tendrás que haber hecho los pertinente cambio que a continuación mostraremos:

• Seo y optimización en DataLife Engine
• Aumenta la velocidad de carga de tu sitio web
• Optimizando El DataLife Engine (DLE) Para Pagespeed
• Está Tu Sitio Web Optimizado Para Móviles (Opcional)
• La mejora del rendimiento es un proceso (Opcional)

Continuamos con la técnica que nos ayudara a mejorar a nuestra carga y velocidad de nuestras paginas webs:

Todos los navegadores siempre han podido almacenar datos estáticos (imágenes, scripts, css, etc.), pero para esto el servidor web debe informar al navegador cuánto debe almacenar estos datos desde el momento en que accedió a estos datos. Es decir Si un ha iniciado sesión en el sitio (por ejemplo, se cargan 4 scripts de 10kb), esto es 40kb, pero no parece ser aterrador, sin embargo, cada vez que navega por las páginas del sitio, el navegador cargará estos scripts una y otra vez, porque piensa que el script se actualiza cada vez que se accede a él. Por lo tanto, es lógico "decirle" al navegador que compruebe si esta secuencia de comandos se actualizó no con cada , sino solo una vez al mes o una vez al año. 


Este código está destinado a indicar la "vida útil" de los datos almacenados en caché, el procesamiento correcto de los encabezados HTTP por los navegadores:

<IfModule mod_expires.c>
    ExpiresActive on

    ExpiresDefault "access plus 1 month"

    # cache.appcache needs re-requests in FF 3.6 (TL)
    ExpiresByType text/cache-manifest "access plus 30 minutes"

    # html
    ExpiresByType text/html "access plus 30 minutes"

    # XML
    ExpiresByType text/xml "access plus 30 minutes"
    ExpiresByType application/xml "access plus 30 minutes"

    # RSS
    ExpiresByType application/rss+xml "access plus 1 hour"

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

    # Imágenes
    ExpiresByType image/webp "access plus 1 month"
    ExpiresByType image/webp "access plus 1 month"
    ExpiresByType image/jpeg "access plus 1 month"
    ExpiresByType image/webp "access plus 1 month"

    # Archivos HTC (por ejemplo, css3pie)
    ExpiresByType text/x-component "access plus 1 month"

    # Fuentes de sitio personalizadas
    ExpiresByType application/x-font-ttf "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"

    # CSS y jаvascript
    ExpiresByType text/css "access plus 30 minutes"
    ExpiresByType application/jаvascript "access plus 30 minutes"

</IfModule>

# Control de caché del navegador
<ifModule mod_headers.c>
    # 30 dias
    <filesMatch ".(ico|pdf|flv|webp|jpeg|webp|webp|swf)$">
    Header set Cache-Control "max-age=2592000, public"
    </filesMatch>
    # 30 minutos
    <filesMatch ".(css|js)$">
    Header set Cache-Control "max-age=1800, public"
    </filesMatch>
    # 2 dias
    <filesMatch ".(xml|txt)$">
    Header set Cache-Control "max-age=172800, public, must-revalidate"
    </filesMatch>
    # 2 dia
    <filesMatch ".(html|htm|php)$">
    Header set Cache-Control "max-age=172800, private, must-revalidate"
    </filesMatch>
</ifModule>

<IfModule mod_setenvif.c>
    # Este diseño es para TL.
    # Prohibir la devolución de encabezados HTTP Vary
    BrowserMatch "MSIE" force-no-vary
    BrowserMatch "Mozilla/4.[0-9]{2}" force-no-vary
</IfModule>

Como puedes ver, el código está dividido en bloques condicionales. Si alguno de los módulos utilizados en el código no está incluido, se omitirá el bloque. Además, el código anterior utiliza los términos para los cuales los datos estáticos se almacenan en caché y se arreglan para IE. 

El código presentado es el resultado de recopilar datos de varias fuentes y optimizarlos para DLE. Para conectarlo, debe insertarlo en el principio de nuestro servidor de nuestro sitio web del archivo .htaccess (Ejemplo /public_html/tutorialesenlinea.descargarjuegos.org/.htaccess) y después de instalarlo actualizamos el caché en el de istración.

gzip compresión de scripts y estilos

Ahora lo más simple e interesante: incluimos gzip-compress para js y css que se encuentran en una plantilla.  Para hacer esto, vaya al de istración y habilite la compresión de archivos JS y HTML. (Opciones del DLE > Opciones del Sistema > Habilitar compresión Gzip de páginas HTML y Habilitar compresión Gzip de archivos JS:)

Supongamos que tenemos 2 archivos de estilo:

<link media="screen" href="{THEME}/style/styles.css" type="text/css" rel="stylesheet" />
<link media="screen" href="{THEME}/style/engine.css" type="text/css" rel="stylesheet" />

Reemplazamos estas líneas por:

<link rel="stylesheet" href="/engine/classes/min/index.php?charset=windows-1251&amp;f={THEME}/style/styles.css,{THEME}/style/engine.css&amp;7" />

Donde:

Los conjunto de caracteres de codificación = windows-1251& - una indicación de la codificación del archivo (se puede eliminar si no hay caracteres rusos en el archivo o en un sitio web en utf-8) y &7 - la cantidad de días durante los cuales se guardó el archivo en caché. 
Hacemos lo mismo con los scripts:

<script type="text/jаvascript" src="{THEME}/js/libs.js"></script>
<script type="text/jаvascript" src="{THEME}/js/tutorialesenlinea.js"></script>

Reemplazamos estas líneas por:

<script type="text/jаvascript" src="/engine/classes/min/index.php?charset=windows-utf-8&amp;f={THEME}/js/libs.js,{THEME}/js/tutorialesenlinea.js&amp;7"></script>

Como resultado, la velocidad de carga de la página aumenta significativamente. Sin embargo, debe tener en cuenta que al editar archivos, debe borrar el caché DLE y el caché del navegador. Y por ultimo revisamos el sitio nuevamente con la ayuda de Google (Ir a los diferentes Test que proporciona Google para comprobar la velocidad de nuestro sitio web) y disfrutamos de la suma significativa de puntos.

Conclusión

Si seguimos estos tutoriales y técnicas para la optimizacion y el SEO, nuestro sitios web, gestionados con el CMS de DataLife Engine sera cargado rápidamente, esto quiere decir que la velocidad de carga de las páginas sera menor. Juega con la combinación idonea para tu sitio web, "como dice el dicho el que busca encuentra"...