Posterizar hace que tu imagen tenga menos colores y por lo tanto ocupe menos espacio haciendo que tus webs carguen mucho más rápido.
Esta opción usada con moderación no tendrá demasiado efecto en lo que verán el 99% de los usuarios, ya que la mayoría no tienen monitores de alta fidelidad y no son capaces de mostrar de forma distinguible varias tonalidades casi iguales.
Si sobrepasas estos límites, obtendrás el efecto cartel, que no es lo que queremos.
Probablemente si has llegado hasta aquí, es debido a que has intentado lo básico y no funciona.
(Por si no lo has hecho, o no usas Plesk) La forma habitual de activar la compresión GZIP en un servidor web es añadiendo las siguientes líneas al .htaccess de Apache, que está en el directorio raíz de tu web (Puedes hacerlo por sftp o usando el administrador de ficheros de Plesk)
<IfModule mod_deflate.c> 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 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>
También es posible hacerlo con mod_gzip, pero está menos soportado que DEFLATE, y el resultado es prácticamente el mismo.
La respuesta estaba oculta en la solución anterior, ya que cómo te he dicho, está sólo funciona con Apache. Y es muy común ver instalaciones Plesk que lo que tienen expuesto hacia internet es un NGINX (aunque lo usen como proxy inverso y tengan un Apache detrás), debido a esto lo que deberíamos tocar es la configuración de NGINX.
No te asustes, en Plesk es muy sencillo de hacer y no necesitas ni siquiera tener acceso SSH.
Para ello, entras en el panel de Plesk y vas a Plesk > Domains > tudominio.com > Apache & nginx Settings y añades las siguientes líneas en el apartado «Additional nginx directives» (Directivas nginx adicionales):
gzip on;
gzip_vary on;
gzip_proxied any;
gzip_comp_level 6;
gzip_buffers 16 8k;
gzip_http_version 1.1;
gzip_types image/svg+xml text/plain text/html text/xml text/css text/javascript application/xml application/xhtml+xml application/rss+xml application/javascript application/x-javascript application/x-font-ttf application/vnd.ms-fontobject font/opentype font/ttf font/eot font/otf application/font-ttf;
Y listo, guardas y ya puedes comprobar que tu web soporta y tiene activada la compresión GZIP en HTML, CSS, Javascript, XML y los distintos tipos de fuentes web.
Si has llegado aquí de casualidad, te habrás quedado con esta pregunta en la cabeza. Voy a intentar que entiendas las ventajas de tenerla.
Habilitar la compresión GZIP te ayudará a reducir de forma real el tamaño de tu página web, esto además hará que disminuya el tiempo necesario para descargar todos los archivos comprimidos y mejorará el muy importante Tiempo hasta el primer Byte (TTFB). También es importante señalar que los usuarios que te visitan desde un móvil serán más felices ya que estarán gastando «menos megas» de sus preciadas tarifas al visitarte.
La compresión GZIP funciona perfectamente en todos los navegadores web que se utilizan hoy en día, por lo que no tienes que temer que haya ningún tipo de problema de compatibilidad.
Si quieres que te realicen una revisión WPO completa para hacer que tu web funcione mucho más rápido, no dudes en contactarme en WPO Guru
Minificar (Minify en ingles) consiste en quitar los comentarios y espacios del codigo (así como los saltos de linea)
Porque hace que tu web ocupe menos espacio y por tanto llegue más rápido a tus visitantes.
Dependiendo de como manejes en tu aplicación el html que mandas se puede hacer de una forma o de otra:
Read more…
¿Qué es un CSS Sprite?
Es una imagen que incluye un conjunto de imágenes agrupadas, a cada una de ellas se accede mediante CSS con un desplazamiento respecto del borde superior izquierdo, en CSS sería (0,0), y sus dimensiones absolutas. Por lo que es una forma de agrupar imágenes que podemos usar de forma independiente.
¿Qué ventajas tiene su uso? Read more…