Cómo optimizar una página web de Squarespace para mejorar su velocidad
Si te has documentado un poco sobre las prácticas de SEO, sabrás que la velocidad de un sitio web es bastante importante.
La velocidad de un sitio web o de una página es un factor de posicionamiento que utiliza Google, y que da prioridad en los resultados de búsqueda a los sitios con mayor velocidad. Todo ello forma parte de su objetivo de ofrecer mejores resultados a sus usuarios, ya que, a fin de cuentas, la gente no quiere perder el tiempo con sitios web que tardan en cargarse.
Dado que Squarespace es una plataforma alojada, la gente suele preguntarse qué grado de control tiene sobre la velocidad del sitio web. La respuesta es que no se tiene un control total, pero sí hay opciones para optimizar la velocidad del sitio web.
Esto es lo que puedes hacer:
Consigue aquí nuestra lista de comprobación: Qué hacer para acelerar tu sitio web de Squarespace
Velocidad del sitio web: es importante
El SEO es importante para que tu página web aparezca de forma orgánica en los resultados de búsqueda; sin embargo, esa no es la única razón para dar prioridad a la velocidad del sitio. Piensa en lo que haces cuando llegas a una página web que tarda demasiado en cargarse. ¿Te quedas esperando? ¿O te rindes rápidamente?
La mayoría de la gente no se quedará esperando. Este estudio demuestra que abandonarán la página si no se carga en tres segundos. Puede parecer poco tiempo, pero con la mejora de la velocidad de Internet a lo largo de los años, nos hemos acostumbrado a esperar que todo funcione rápidamente. Si no es así, seguro que hay alguna página de la competencia a la que acudir en su lugar.
Así que, aunque el SEO es importante, hay otro aspecto que debería ser aún más importante: la experiencia del usuario. Mejorar la velocidad del sitio web ofrece una mejor experiencia al usuario y hace que los visitantes de tu sitio web sean más propensos a quedarse un poco más de tiempo.
Prueba primero tu página web
¿Cómo sabrás si tu página web tarda menos de tres segundos en cargarse o si los cambios que has realizado han influido en la velocidad? Lo primero que puedes hacer es comprobar la velocidad de tu página web.
Existen varias herramientas disponibles que pueden resultarte de ayuda y muchas de ellas también generan un informe en el que se señalan los puntos problemáticos. Esto resulta útil para que no tengas que ir a ciegas.
Squarespace recomienda que utilices sus herramientas integradas o una herramienta como Pingdom para asegurarte de obtener resultados precisos. Si utilizas el navegador Google Chrome, puedes seguir estos pasos:
Abre las herramientas de desarrollo.
Haz clic en la pestaña «Red».
Actualiza la página para ver el tiempo de carga.
Una herramienta que Squarespace no recomienda es Pagespeed Insights de Google. Afirman que es propensa a cometer errores, ya que está diseñada para desarrolladores que programan sus sitios web desde cero y puede arrojar falsos negativos en el caso de los sitios de Squarespace, que se crean mediante un CMS personalizado. Esto significa que, si la utilizas y detectas un error, eso no implica necesariamente que haya ningún problema con la velocidad de carga de tu sitio web.
Formas de acelerar un sitio web de Squarespace
A continuación te indicamos algunos aspectos en los que podrías reducir el tiempo de carga de tu sitio web y de páginas concretas:
Reducir el tamaño de las imágenes
Se trata de un principio básico con el que cabría esperar que la mayoría de los diseñadores estuvieran familiarizados; sin embargo, los archivos de imagen de gran tamaño siguen siendo a menudo los culpables de que las páginas tarden en cargarse. Lo sabemos: intentas encontrar el equilibrio adecuado entre la calidad de la imagen y mantener esa nitidez en pantalla, pero no necesitas imágenes con calidad de impresión para lograrlo.
Algunos aspectos clave que hay que recordar son:
Utiliza el formato JPG en lugar del PNG la mayoría de las veces (algunas imágenes vectoriales no se ven muy bien en JPG).
Mantén el ancho de la imagen reducido. Squarespace recomienda no superar los 1500-2000 píxeles de ancho, aunque en algunos casos es posible que puedas reducirlo aún más.
Las imágenes de archivo de Getty o las imágenes gratuitas de Unsplash que puedes descargar e insertar directamente a través de Squarespace suelen tener un tamaño elevado. Para reducir su tamaño, puedes descargarlas de la página en la que las has insertado y utilizar una herramienta de redimensionamiento de imágenes para reducir el tamaño del archivo.
Existen varias herramientas gratuitas para cambiar el tamaño de las imágenes. Por ejemplo: PicResize, ResizeImage y Tiny PNG.
Activar SSL
Una forma rápida de mejorar la velocidad de tu sitio web en Squarespace es asegurarte de que estás utilizando la opción SSL. ¿Por qué? Porque tu sitio web se cargará a través del protocolo HTTP/2, que es más rápido.
También podrías plantearte activar la opción HSTS, ya que se ha comprobado que mejora la seguridad y el SEO. Ambas opciones se encuentran en «Configuración» > «Avanzado» > «SEO», y los cambios pueden tardar hasta 72 horas en surtir efecto.
Plantéate utilizar AMP para las entradas del blog
Activar AMP (Accelerated Mobile Web Pages) puede mejorar significativamente la velocidad de carga de las entradas del blog, sobre todo en dispositivos móviles. Es muy importante tener en cuenta los dispositivos móviles a la hora de evaluar la velocidad de carga de las páginas, ya que gran parte de la actividad de navegación se realiza en estos dispositivos.
Cuando se activa AMP, se mostrarán páginas de blog que se cargan muy rápido a los usuarios de dispositivos móviles, siempre y cuando se haya accedido a ellas a través de una búsqueda en Google.
AMP funciona eliminando el código «no esencial» de una página y utilizando un almacenamiento en caché inteligente para cargar las páginas rápidamente. Vale la pena informarse bien al respecto antes de empezar, ya que desactiva bastantes bloques estándar de Squarespace, como los bloques de formulario y los bloques de código. Echa un vistazo a la información sobre AMP y pruébalo antes de decidirte a utilizarlo.
Presta atención a los scripts de terceros
Hay todo tipo de scripts de terceros que puedes estar ejecutando en una página web de Squarespace, incluidos los asociados a los complementos que decidas añadir. Como norma general, añade solo aquellos que sean absolutamente necesarios para conseguir la funcionalidad que necesitas en tu página web; los adicionales pueden ralentizarla.
Si tu sitio web lleva ya un tiempo en funcionamiento y no estás seguro del impacto que tienen los scripts de terceros en la velocidad del sitio, merece la pena realizar una auditoría. Las herramientas de medición de la velocidad del sitio que hemos mencionado anteriormente pueden indicarte cuáles son los que ralentizan tu sitio.
Otra cosa que te recomendamos es que, para empezar, seas bastante selectivo a la hora de decidir qué plugins de terceros permites. Una regla general es optar por herramientas de confianza, con buenas valoraciones y un historial claro de actualizaciones periódicas por parte del desarrollador. Los plugins que no se mantienen actualizados pueden ralentizar mucho un sitio web.
¡No te pases con las fuentes!
Lo sabemos. Hay algunas fuentes que son tan elegantes que no puedes evitar incluirlas en tu página web. Las fuentes web pueden marcar la diferencia en el aspecto de una página web, pero el problema es que también pueden ralentizar la velocidad de carga.
Hay una serie de tipos de letra que se consideran «aptos para la web» y que apenas afectan a la velocidad del sitio, pero, por supuesto, son los típicos y aburridos, como Times New Roman o Arial. La mayoría de la gente opta por utilizar algún tipo de fuente web para darle un toque más atractivo al aspecto de la página.
Aquí tienes algunos aspectos que debes tener en cuenta:
Hay algunos indicios que sugieren que las fuentes de Google Fonts se cargan más rápido que las de Typekit. (Ambas están disponibles en la biblioteca de fuentes web de Squarespace).
Intenta limitarte a una sola fuente web. Si te pasas con las fuentes, tu página web se ralentizará.
Utilizar miniaturas de vídeo personalizadas
¿Tienes vídeos incrustados en tu página web de Squarespace? Si es así, seleccionar la opción de miniatura personalizada para los vídeos incrustados puede ayudarte a mejorar la velocidad.
Hay un par de razones para ello: en primer lugar, sin la miniatura personalizada, Squarespace tendrá que buscar el contenido y cargarlo desde el sitio en el que se haya subido el vídeo (por ejemplo, YouTube o Vimeo). Esto ocurre incluso si el visitante no hace clic en el vídeo y podría provocar un retraso si se están cargando archivos de gran tamaño.
En segundo lugar, prescindir de una miniatura personalizada te expone a que se ejecuten cookies de terceros en tu sitio web, lo que supone otro obstáculo.
Para simplificar este proceso, utiliza las herramientas de Beyondspace para obtener rápidamente miniaturas de alta calidad para tus vídeos:
Generador de códigos para incrustar vídeos de YouTube: Obtén y personaliza fácilmente los tamaños de las miniaturas de tus vídeos de YouTube.
Generador de código para incrustar vídeos de Vimeo: Haz lo mismo con tus vídeos incrustados de Vimeo con miniaturas optimizadas.
Habilitar la carga Ajax
Si utilizas Squarespace 7.0, algunas plantillas te permiten activar la carga Ajax (JavaScript y XML asíncronos). Esto significa que puede indicar a los navegadores que carguen tu sitio web página por página, lo que agiliza el tiempo de carga total para los visitantes.
Ajax es compatible con estas familias de plantillas:
Salmuera
Farro
Skye: solo página de inicio del blog
Tremont
York
No está disponible para Squarespace 7.1.
Descargar aquí: Lista de comprobación para la velocidad de los sitios web de Squarespace
Reflexiones finales
Squarespace recomienda que, siempre que sea posible, el tamaño de las páginas no supere los 5 MB. De este modo, deberías mantener un rendimiento casi óptimo en cuanto a velocidad.
Los consejos que se han enumerado anteriormente deberían permitirte mantener tus páginas por debajo del umbral de los 5 MB. También nos gustaría añadir que es importante evitar incluir demasiados elementos incrustados en una misma página. De lo contrario, esto puede provocar que se ejecuten scripts de terceros y ralentizar la velocidad de tu página.
¿Tienes alguna pregunta o comentario? Escríbenos a continuación y cuéntanos qué opinas...
