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:
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:
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.
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:
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é.
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"...
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 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 "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.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&f={THEME}/style/styles.css,{THEME}/style/engine.css&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é.
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&f={THEME}/js/libs.js,{THEME}/js/tutorialesenlinea.js&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"...
Comentarios