Buenos días,
He creado con Moodle la página web primariayeso.com. Tarda mucho tiempo en cargar. ¿Conoceis algún plugin en Moodle para hacer una carga diferida de imágenes?
Muchas gracias. Saludos,
Jorge
In reply to JORGE DE LA HUERGA MENENDEZ
Re: Tiempo elevado en carga de página web
Hola.
Disculpa la tardanza en contestar 😀
Según
https://gtmetrix.com/reports/primariayeso.com/USpfGIZa/
y
https://tools.pingdom.com/#608e6734f4000000
tu página principal ocupa unos 5 Megas. No tienes habilitado la caché, ni gzip/deflate, ni el módulo headers, etc. Cargas elementos de Google, Youtube, fuentes, etc.
Disculpa la tardanza en contestar 😀
Según
https://gtmetrix.com/reports/primariayeso.com/USpfGIZa/
y
https://tools.pingdom.com/#608e6734f4000000
tu página principal ocupa unos 5 Megas. No tienes habilitado la caché, ni gzip/deflate, ni el módulo headers, etc. Cargas elementos de Google, Youtube, fuentes, etc.
5 Megas no es muy práctico para una página a la que va a entrar continuamente los alumnos. Quizás sería conveniente aligerarla un poco, cachearla, etc.
Esas páginas son muy útiles para revisar temas de carga.
- Carga diferida de imágenes:
Aquí https://moodle.org/plugins/filter_imageopt existe un plugin para imágenes y videos (Image optimiser filter) o este https://moodle.org/plugins/tool_imageoptimize. No los he probado. Por si te son útiles.
Una opción muy válida es cachear y comprimir en .htaccess (servidores Apache). Se copia y pega en el fichero, se guarda y se sube al sitio.
- Politica de caché
https://gtmetrix.com/serve-static-assets-with-an-efficient-cache-policy.html#how-to-cache
- Activad compresión Deflate
https://gtmetrix.com/enable-text-compression.html
Si tu servidor, hosting, utiliza algún sistema de caché también puede ser útil activarlo
Un saludo y a cuidarse.
Esas páginas son muy útiles para revisar temas de carga.
- Carga diferida de imágenes:
Aquí https://moodle.org/plugins/filter_imageopt existe un plugin para imágenes y videos (Image optimiser filter) o este https://moodle.org/plugins/tool_imageoptimize. No los he probado. Por si te son útiles.
Una opción muy válida es cachear y comprimir en .htaccess (servidores Apache). Se copia y pega en el fichero, se guarda y se sube al sitio.
- Politica de caché
https://gtmetrix.com/serve-static-assets-with-an-efficient-cache-policy.html#how-to-cache
- Activad compresión Deflate
https://gtmetrix.com/enable-text-compression.html
Si tu servidor, hosting, utiliza algún sistema de caché también puede ser útil activarlo
Un saludo y a cuidarse.
In reply to Jose García | Nosolored
Re: Tiempo elevado en carga de página web
Buenos días,
Antes de nada agradecerte la respuesta.
Tengo instalado Moodle 4.0 y parece que los plugins que mencionas no son compatibles con esa versión.
La caché si está habilitada. Te envío la imagen
¿Cómo puedo activar gzip/deflate o el módulo headers?
Gracias, saludos
Jorge
In reply to JORGE DE LA HUERGA MENENDEZ
Re: Tiempo elevado en carga de página web
Hola.
Lo que indicas es la caché de Moodle, javascript.
Si tu servidor lo permite (la mayor parte suele hacerlo) puedes activar la caché, deflate, etc. a nivel de servidor para cachear imágenes, css, videos .
¿Usas un servidor Apache? En la Administración de tu Moodle en Servidor > Información PHP debe salirte.
Si es así puedes crear un fichero de texto con el nombre .htaccess con el contenido que se indica en esos enlaces
Lo que indicas es la caché de Moodle, javascript.
Si tu servidor lo permite (la mayor parte suele hacerlo) puedes activar la caché, deflate, etc. a nivel de servidor para cachear imágenes, css, videos .
¿Usas un servidor Apache? En la Administración de tu Moodle en Servidor > Información PHP debe salirte.
Si es así puedes crear un fichero de texto con el nombre .htaccess con el contenido que se indica en esos enlaces
(si ya tienes uno creado debes editarlo y copiar y pegar lo que se indica en estos enlaces)
- Caché:
https://gtmetrix.com/serve-static-assets-with-an-efficient-cache-policy.html#how-to-cache
- Activad compresión Deflate:
https://gtmetrix.com/enable-text-compression.html
Un saludo.
- Caché:
https://gtmetrix.com/serve-static-assets-with-an-efficient-cache-policy.html#how-to-cache
<IfModule mod_expires.c> ExpiresActive On # Images ExpiresByType image/jpeg "access plus 1 year" ExpiresByType image/gif "access plus 1 year" ExpiresByType image/png "access plus 1 year" ExpiresByType image/webp "access plus 1 year" ExpiresByType image/svg+xml "access plus 1 year" ExpiresByType image/x-icon "access plus 1 year" # Video ExpiresByType video/webm "access plus 1 year" ExpiresByType video/mp4 "access plus 1 year" ExpiresByType video/mpeg "access plus 1 year" # Fonts ExpiresByType font/ttf "access plus 1 year" ExpiresByType font/otf "access plus 1 year" ExpiresByType font/woff "access plus 1 year" ExpiresByType font/woff2 "access plus 1 year" ExpiresByType application/font-woff "access plus 1 year" # CSS, JavaScript ExpiresByType text/css "access plus 1 year" ExpiresByType text/javascript "access plus 1 year" ExpiresByType application/javascript "access plus 1 year" # Others ExpiresByType application/pdf "access plus 1 year" ExpiresByType image/vnd.microsoft.icon "access plus 1 year" </IfModule>
- Activad compresión Deflate:
https://gtmetrix.com/enable-text-compression.html
<IfModule mod_deflate.c> # Compress HTML, CSS, JavaScript, Text, XML and fonts AddOutputFilterByType DEFLATE application/javascript AddOutputFilterByType DEFLATE application/rss+xml AddOutputFilterByType DEFLATE application/vnd.ms-fontobject AddOutputFilterByType DEFLATE application/x-font AddOutputFilterByType DEFLATE application/x-font-opentype AddOutputFilterByType DEFLATE application/x-font-otf AddOutputFilterByType DEFLATE application/x-font-truetype AddOutputFilterByType DEFLATE application/x-font-ttf AddOutputFilterByType DEFLATE application/x-javascript AddOutputFilterByType DEFLATE application/xhtml+xml AddOutputFilterByType DEFLATE application/xml AddOutputFilterByType DEFLATE font/opentype AddOutputFilterByType DEFLATE font/otf AddOutputFilterByType DEFLATE font/ttf AddOutputFilterByType DEFLATE image/svg+xml AddOutputFilterByType DEFLATE image/x-icon AddOutputFilterByType DEFLATE text/css AddOutputFilterByType DEFLATE text/html AddOutputFilterByType DEFLATE text/javascript AddOutputFilterByType DEFLATE text/plain AddOutputFilterByType DEFLATE text/xml # Remove browser bugs (only needed for really old browsers) BrowserMatch ^Mozilla/4 gzip-only-text/html BrowserMatch ^Mozilla/4\.0[678] no-gzip BrowserMatch \bMSIE !no-gzip !gzip-only-text/html Header append Vary User-Agent </IfModule>Eso activará la caché y el modo de compresión para todo Moodle si tiene tu sitio activados mod_expires y mod_deflate.
Un saludo.
In reply to Jose García | Nosolored
Re: Tiempo elevado en carga de página web
Hola Jose,
Gracias por la respuesta. El servidor es de Hostinger.es (utiliza LITESPEED SERVER).
Me han añadido este código:
¿Necesitaría añadir también todo el código que me indicas en tu respuesta o sería suficiente con esto?
Muchas gracias, saludos
Jorge
Creo que deberias de cargar videos menos pesados, con download snack video en getsnackvideo.com/id puedes convertirlos en formatos mas libianos.