En una \u00e9poca en la que casi cualquier informaci\u00f3n est\u00e1 disponible en cualquier momento y desde cualquier lugar, los sitios web y otros contenidos en l\u00ednea deben cumplir ciertos criterios para satisfacer a los usuarios (y, por tanto, tambi\u00e9n a los motores de b\u00fasqueda). Uno de estos criterios es el tiempo de carga. Le explicamos c\u00f3mo puede analizar el rendimiento y luego optimizarlo para lograr mejores clasificaciones a largo plazo.<\/p>\n\n\n\n
Imag\u00ednese que entra en un bar, tiene mucho apetito y simplemente no le sirven. \u00bfQu\u00e9 ocurre? Exacto, abandonas el local a toda prisa y te vas a la competencia con la esperanza de conseguir all\u00ed algo de comer m\u00e1s r\u00e1pidamente. Aunque no te vayas inmediatamente, es poco probable que vuelvas.<\/p>\n\n\n\n
Si trasladamos este ejemplo al mundo digital, el chiringuito se convierte en el sitio web y la velocidad del servicio se convierte en el tiempo de carga de este sitio web. Si quiere jugar en la primera liga en t\u00e9rminos de clasificaci\u00f3n, debe pensar cuanto antes en su servicio, es decir, en su rendimiento. A Google le gusta clasificar los sitios web que son especialmente f\u00e1ciles de usar. Adem\u00e1s de un dise\u00f1o coherente y una presentaci\u00f3n clara de un tema, la facilidad de uso tambi\u00e9n incluye el tiempo de carga del contenido. Si la p\u00e1gina tarda demasiado en cargarse, la tasa de rebote aumenta porque muchos usuarios hacen clic en el \"bot\u00f3n atr\u00e1s\" y pasan al siguiente resultado de b\u00fasqueda en la SERP de Google.<\/p>\n\n\n\n
Antes de mejorar el rendimiento de su sitio web, lo mejor es comprobar primero lo mal que est\u00e1 realmente su PageSpeed. Para ello puedes utilizar varias herramientas.<\/p>\n\n\n\n
PageSpeed Insights<\/a> es una herramienta proporcionada por Google que permite comprobar el rendimiento de una URL concreta en un abrir y cerrar de ojos. Lo ideal es recibir una calificaci\u00f3n de \"Bueno\" tanto para el rendimiento en dispositivos m\u00f3viles como para el rendimiento en el dispositivo de escritorio. Si el tiempo de carga no es tan \u00f3ptimo, la herramienta califica el rendimiento como \"Medio\". Si la puntuaci\u00f3n es \"Baja\", es necesario optimizar la p\u00e1gina. Lo mejor es que Google le ofrece sugerencias de optimizaci\u00f3n directamente despu\u00e9s del an\u00e1lisis.<\/p>\n\n\n\n \u00bfUtiliza el Prueba de velocidad del sitio web de Pingdom<\/a> para analizar el rendimiento de su p\u00e1gina, observar\u00e1 que ofrece una imagen mucho m\u00e1s positiva de los tiempos de carga que PageSpeed Insights de Google. Tambi\u00e9n tiene la opci\u00f3n de seleccionar diferentes ubicaciones de servidor para su consulta. Tras el an\u00e1lisis, la herramienta te muestra el tiempo de carga (con suerte en milisegundos), el grado de rendimiento de Google PageSpeed (deber\u00eda ser A), el tama\u00f1o del sitio web y otra serie de datos.<\/p>\n\n\n\n El an\u00e1lisis se hace a\u00fan m\u00e1s exhaustivo con la Herramienta de webpagetest.org<\/a>. Aqu\u00ed puedes seleccionar algunas ubicaciones de servidor m\u00e1s y, lo que es especialmente interesante, definir el entorno de prueba (modelo de smartphone, navegador, etc.). Los resultados son muy completos y proporcionan una base de datos excelente para ayudarte a optimizar el rendimiento de tu sitio web.<\/p>\n\n\n\n Una vez que haya analizado d\u00f3nde le aprieta el zapato el tiempo de carga del sitio web, puede empezar con la optimizaci\u00f3n.<\/p>\n\n\n\n Para que los datos de an\u00e1lisis proporcionados le resulten un poco m\u00e1s f\u00e1ciles de entender: Las causas m\u00e1s comunes del bajo rendimiento son...<\/p>\n\n\n\n ...grandes cantidades de datos,<\/p>\n\n\n\n im\u00e1genes sin comprimir,<\/p>\n\n\n\n un tema sobrecargado y<\/p>\n\n\n\n bases de datos y servidores lentos.<\/p>\n\n\n\n \u00bfTu sitio web funciona con WordPress o Joomla! y el tema premium que has comprado parece muy elegante? Eso est\u00e1 muy bien, pero no es raro que los temas est\u00e9n completamente sobrecargados, lo que provoca tiempos de carga lentos del sitio web. Echa un vistazo para ver si hay alg\u00fan tema m\u00e1s fino que se caracterice no s\u00f3lo por su aspecto inmediatamente atractivo, sino tambi\u00e9n por su rendimiento.<\/p>\n\n\n\n Si el problema no est\u00e1 en el tema en s\u00ed, los plugins tambi\u00e9n pueden tener un impacto negativo en el tiempo de carga de los sitios web si se producen demasiados accesos a la base de datos. Esto ocurre sobre todo con los plugins menos conocidos y mal implementados. Simplemente comprueba qu\u00e9 plugins se han acumulado con el tiempo y desinstala todo lo que no necesites absolutamente.<\/p>\n\n\n\n Si se realizan menos peticiones HTTP, su sitio web se cargar\u00e1 l\u00f3gicamente m\u00e1s r\u00e1pido. Siempre se hace una petici\u00f3n al servidor cuando hay que cargar un archivo. Por tanto, si incluyes menos archivos (im\u00e1genes, scripts, etc.) en un documento, tu p\u00e1gina tambi\u00e9n se cargar\u00e1 m\u00e1s r\u00e1pido.<\/p>\n\n\n\n Consejo: Puede combinar varias hojas de estilo en un \u00fanico archivo CSS y enlazarlo desde el \u00e1rea del documento HTML. Si se asegura de que no hay m\u00e1s especificaciones de estilo en l\u00ednea en el documento HTML, el archivo CSS puede almacenarse en cach\u00e9, lo que tambi\u00e9n acelera la carga de la p\u00e1gina.<\/p>\n\n\n\n Un sitio web no puede prescindir de buenas im\u00e1genes (preferiblemente en formato .jpg) y gr\u00e1ficos (preferiblemente como archivos .png); al fin y al cabo, una imagen vale m\u00e1s que mil palabras. Sin embargo, es importante que estas im\u00e1genes est\u00e9n optimizadas para la web a fin de evitar tiempos de carga prolongados. El error m\u00e1s com\u00fan en este contexto es subir las im\u00e1genes al servidor en su tama\u00f1o original e incorporarlas al contenido exactamente igual.<\/p>\n\n\n\n Ejemplo: Si una imagen tiene un tama\u00f1o de 2500 x 1000 p\u00edxeles, pero s\u00f3lo est\u00e1 integrada en un \u00e1rea de contenido de 750 p\u00edxeles de ancho, se mostrar\u00e1 despu\u00e9s en un tama\u00f1o menor. Sin embargo, la imagen o gr\u00e1fico debe seguir carg\u00e1ndose en su tama\u00f1o completo. Para evitar este lastre innecesario, conviene reducir siempre las im\u00e1genes al tama\u00f1o en el que realmente se van a mostrar.<\/p>\n\n\n\n Por cierto: en cuanto se llama a una URL, suelen cargarse autom\u00e1ticamente todas las im\u00e1genes, incluso las que a\u00fan no son visibles, por ejemplo, porque no se est\u00e1 desplazando tanto hacia abajo. Para cargar im\u00e1genes s\u00f3lo cuando sea necesario, puede utilizar plugins como Crazy Lazy<\/a> utilizar. Y para darle otro consejo plugin de inmediato: WP Smush.it<\/a> comprime autom\u00e1ticamente el tama\u00f1o de las im\u00e1genes al cargarlas. Tambi\u00e9n puedes utilizarlo para optimizar posteriormente las im\u00e1genes ya cargadas.<\/p>\n\n\n\n No s\u00f3lo se pueden comprimir las im\u00e1genes, sino tambi\u00e9n los archivos del sistema (por ejemplo, de WordPress). \u00bfC\u00f3mo funciona? Sencillamente con Gzip, un programa de compresi\u00f3n gratuito que, al igual que el formato de archivo, est\u00e1 disponible para todos los sistemas operativos. Basta con insertar un fragmento de c\u00f3digo en el archivo .htaccess. Con WordPress, no es necesario hacerlo manualmente, sino que puede recurrir a plugins como Compresi\u00f3n de velocidad Gzip Ninja<\/a> a la que recurrir. Joomla tambi\u00e9n tiene extensiones correspondientes que hacen exactamente lo mismo.<\/p>\n\n\n\n Como usuario de WordPress, tambi\u00e9n necesitas un buen plugin de cach\u00e9. El almacenamiento en cach\u00e9 crea versiones est\u00e1ticas de todas las p\u00e1ginas en lugar de crearlas din\u00e1micamente, con grandes efectos en la velocidad de carga de todo el sitio web. Un plugin de cach\u00e9 muy bien escrito para WordPress es Cachify<\/a>. Con el plugin W3 Total Cache obtendr\u00e1 un paquete completo sin preocupaciones. Alternativamente Cohete WP<\/a> un peque\u00f1o cohete de tu lado.<\/p>\n\n\n\n Consejo extra:<\/strong><\/p>\n\n\n\n Para acelerar a\u00fan m\u00e1s su sitio web, puede eliminar los espacios y saltos de l\u00ednea innecesarios de HTML, CSS y JavaScript. Como esto hace que todo el c\u00f3digo sea m\u00e1s esbelto, el tiempo de carga tambi\u00e9n se reduce. Lo \u00fanico que se deteriora es la claridad del c\u00f3digo. Lo mencionado anteriormente Plugin W3 Total Cache<\/a> le ofrece como usuario de WordPress una funci\u00f3n llamada \"Minify\" en este punto. Sin embargo, esto s\u00f3lo funciona especialmente bien si define c\u00f3mo deben cargarse los scripts Java en el modo manual del propio plugin. Como esto no es realmente adecuado para principiantes en particular, le recomendamos que utilice la funci\u00f3n Plugin Autoptimise<\/a>.<\/p>","protected":false},"excerpt":{"rendered":" In Zeiten, in denen fast jede Information zu jeder Zeit und von jedem Ort aus verf\u00fcgbar ist, m\u00fcssen Webseiten und andere Online-Inhalte gewisse Kriterien erf\u00fcllen, um User (und damit auch die Suchmaschinen) zufriedenzustellen. Eines dieser Kriterien ist die Ladezeit. Wir erkl\u00e4ren dir, wie du die Performance analysierst und im Anschluss optimierst, um langfristig bessere Rankings […]<\/p>\n","protected":false},"author":1,"featured_media":3344,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[1,55,52],"tags":[],"class_list":["post-3343","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-blogboxx","category-seo","category-sichtbarkeit-reichweite"],"acf":[],"_links":{"self":[{"href":"https:\/\/trackboxx.com\/es\/wp-json\/wp\/v2\/posts\/3343","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/trackboxx.com\/es\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/trackboxx.com\/es\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/trackboxx.com\/es\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/trackboxx.com\/es\/wp-json\/wp\/v2\/comments?post=3343"}],"version-history":[{"count":0,"href":"https:\/\/trackboxx.com\/es\/wp-json\/wp\/v2\/posts\/3343\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/trackboxx.com\/es\/wp-json\/wp\/v2\/media\/3344"}],"wp:attachment":[{"href":"https:\/\/trackboxx.com\/es\/wp-json\/wp\/v2\/media?parent=3343"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/trackboxx.com\/es\/wp-json\/wp\/v2\/categories?post=3343"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/trackboxx.com\/es\/wp-json\/wp\/v2\/tags?post=3343"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}Pingdom<\/h3>\n\n\n\n
Prueba de la p\u00e1gina web<\/h3>\n\n\n\n
Paso 2: Optimizaci\u00f3n<\/h2>\n\n\n\n
Repensar el tema y desactivar los plugins innecesarios<\/h3>\n\n\n\n
Reducir las peticiones HTTP<\/h3>\n\n\n\n
Optimizar las im\u00e1genes para la web<\/h3>\n\n\n\n
Compresi\u00f3n gzip<\/h3>\n\n\n\n
Utilizar la cach\u00e9<\/h3>\n\n\n\n