Aumenta la velocidad de carga de tu sitio web en DLE


{user-name}
Aumenta la velocidad de carga de tu sitio web en DLEEn 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:


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 usuario 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 acceso, 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 "acceso más 1 mes"

    # cache.appcache needs re-requests in FF 3.6 (TL)
    ExpiresByType text/cache-manifest "acceso mas 0 segundos"

    # html
    ExpiresByType text/html "acceso mas 0 segundos"

    # XML
    ExpiresByType text/xml "acceso mas 0 segundos"
    ExpiresByType application/xml "acceso mas 0 segundos"

    # RSS
    ExpiresByType application/rss+xml "acceso más 1 Hora"

    # Favicon
    ExpiresByType image/x-icon "acceso más 1 Semana"

    # Imágenes
    ExpiresByType image/gif "acceso más 1 mes"
    ExpiresByType image/png "acceso más 1 mes"
    ExpiresByType image/jpeg "acceso más 1 mes"
    ExpiresByType image/jpg "acceso más 1 mes"

    # Archivos HTC (por ejemplo, css3pie)
    ExpiresByType text/x-component "acceso más 1 mes"

    # Fuentes de sitio personalizadas
    ExpiresByType application/x-font-ttf "acceso más 1 mes"
    ExpiresByType font/opentype "acceso más 1 mes"
    ExpiresByType application/x-font-woff "acceso más 1 mes"
    ExpiresByType image/svg+xml "acceso más 1 mes"
    ExpiresByType application/vnd.ms-fontobject "acceso más 1 mes"

    # CSS y jаvascript
    ExpiresByType text/css "acceso mas 1 Año"
    ExpiresByType application/jаvascript "acceso mas 1 Año"

</IfModule>

# Control de caché del navegador
<ifModule mod_headers.c>
    # 30 dias
    <filesMatch ".(ico|pdf|flv|jpg|jpeg|png|gif|swf)$">
    Header set Cache-Control "max-age=2592000, public"
    </filesMatch>
    # 30 dias
    <filesMatch ".(css|js)$">
    Header set Cache-Control "max-age=2592000, public"
    </filesMatch>
    # 2 dias
    <filesMatch ".(xml|txt)$">
    Header set Cache-Control "max-age=172800, public, must-revalidate"
    </filesMatch>
    # 1 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.es/.htaccess) y después de instalarlo actualizamos el caché en el panel de administració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 panel de administració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&amp; - 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 &amp;7 - la cantidad de días durante los cuales se guardó el archivo en caché. 
Nota: En ocasiones dependiendo de nuestro estilo no funcionara bien esta técnica dado que nuestro diseño se tiene que cargar individualmente, aconsejamos que lo pruebe haber si te funciona primero antes de dejarlo definitivamente.
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"...

  • Autor:
  • Editor:
      Tutoriales En Linea
  • Fecha:2019-05-21
  • Categorias: Diseño Web DataLife Engine SoftNews Media Group CSS3 html5 WebSite webmasters Optimizacion Marketing SEO Noticias Tutorial

Deja un comentario



Información
Usuarios que no esten registrados no pueden dejar comentarios, te invitamos a que te registre!