Mejorar el Rendimiento Web, optimizar Js y Css✅ «Logrado».

Mejorar el Rendimiento Web

Mejorar el Rendimiento web

Después del cambio del algoritmo a fines de Marzo del 2019, Google sigue realizando la modificaciones a sus normativas, para el Nuevo Seo.

Ya no es solo la velocidad de carga la que importa, es un conjunto de elementos internos y externos, que debe tener tu web.

Si eres lector de nuestro blog, sabrás que lo anticipamos y escribimos a principio del 2019.

Desde Abril del 2019, mide tu web en base a RENDIMIENTO y en economía es la sumatoria de varios factores.

A modo de ejemplo, el rendimiento de una hectárea de trigo plantado, depende de la semilla, la acidez del suelo, cantidad de agua, fertilizantes, etc.

Para Google es lo mismo, suma factores y elementos internos de tu web, los pondera y entrega un resultado del Rendimiento en porcentaje.

Lo hace con su herramienta PageSpeed test, discriminando para MÓVILES primero y ORDENADORES después.

PASADO UN AÑO , este reciente Marzo del 2020 introduce NUEVAS MODIFICACIONES.

Agrega nuevos conceptos y los hace determinantes para posicionar tu web en la primera página.

WPO ( web performance optimizatión);  que es la Optimización del rendimiento y que lo analizamos más adelante.

Necesita que adaptemos las páginas a la navegación desde dispositivos móviles, renombrando el nuevo sistema de rastreo Mobil First index

¿ Sabes si ya esta indexando tu web con Mobil Firt index?

Lo primero es tener asociada la web a la herramienta de Google , llamada Search Console.

 Si no sabe activarla , hay varios tutoriales fáciles; al respecto.

La más simple y que recomendamos es agregar el código que entrega Google en forma directa en tu Cpanel en la carpeta de los html.

Luego de agregar, se solicita la verificación en línea y ya puedes cotejar en Search Console si lo esta usando.

De a poco lo esta implementando, desde este marzo del 2020, en nuestro caso lo hizo.

Cabe destacar que este nuevo cambio, será la base para indexar y clasificar el contenido de tu web.

La araña o crawling ya lo esta haciendo.

A partir de este Marzo, el posicionamiento web orgánico, depende del resultado que tengas al medir tu web.

Esto, el gigante lo comentó  en su blog:

Va a priorizar especialmente, aquellas Url  que estén optimizadas para móviles.

Indudablemente la versión para ordenadores o desktop,  no va a desaparecer.

Hoy  sigue midiendo su rendimiento, pero en un futuro cercano va a ponderar y ganará la de móviles.

¿Mejorar el Rendimiento web para móviles es importante?

Cada día los click son más onerosos, en Europa ya hay palabras que se pagan a más de 20 euros por cada uno de ellos.

Es cosa de buscar comentarios en la red.

Sin la pandemia, en tiempos normales; los usuarios tienen poco tiempo, requieren que el navegador les entregue, lo más rápido la información.

Por tanto, el navegador de tu dispositivo, se conecta con  Google para buscar dicha información y entrega resultados o Serps de búsquedas.

Al pinchar una búsqueda o web, tu navegador se conecta con el servidor en donde se aloja o hospeda tu web y lo debe hacer en milisegundos.

El servidor devuelve información,  con lo que se llama el primer renderizado.

En forma básica, es cuando se leen los primeros textos y posteriormente va cargando tu web.

Es más, la herramienta va señalando cuadros pequeños de la carga. Todo estudiado.

Al cargar completamente tu web, recién queda interactiva para poder navegar en ella.

Esto requiere un periodo de tiempo, que se mide en segundos y es muy importante.

Mientras más cercano a cero, tienes tu web optimizada y como premio te indexa tus contenidos (si los tienes), en las primeras páginas.

Así esta discriminando hoy y en el futuro, es por eso que hay que evaluar tu web.

 Es la razón de que solicite que tu web proporcione LA MEJOR EXPERIENCIA DE NAVEGACIÓN al usuario que busca lo que ofreces.

¿Tu web proporciona una buena experiencia?

Para que lo tengas más claro, hoy Thinkwithgoogle.com , en los datos de recurso, indica el siguiente cuadro:

Representa las perdidas de las visitas por velocidad desde móviles.

Mejorar el Rendimiento web

Cercano a 3 segundos de carga, tu web perderá el 32% de los visitantes, a los 5 s.  ya estas perdiendo el 90% y pasado estos, mejor olvidarnos.

¿Sabes cuanto puedes mejorar el Rendimiento web de tu página?

¿Elimina los recursos que bloquean el renderizado?

Una frase muy familiar al medir el Rendimiento web de una página.

errores de js

El cuadro es lo que nos indicaba al medir nuestra web desarrollada en el CMS  Word Press a fines de Mayo de este 2020.

Esta fecha es la que nos afectó y nos bajó nuestro rendimiento a un 75% para móviles.

Nuestra web volaba; hasta que llegó Mobil First index.

¿Qué hace un Seopartners.cl en pandemia?

Aprovechar de estudiar, leer,  analizar, buscar, cotejar, y seguir leyendo CON UN OBJETIVO A LOGRAR:

WPO (Web Performance Optimizatión) , que es la optimización del Rendimiento de una web.

De esta forma cargará lo más rápido posible, en el navegador del usuario.

¿Como lograr WPO para la web de Seopartners.cl?

El día 8 de julio de 2020, logramos estas métricas de WPO ,  con un Rendimiento web de 91%.

Es el gráfico o fotografía del encabezado

Representa la navegación desde móviles y 96%  desde ordenadores.

Rendimiento web

Además conseguimos 0,7 segundos al primer Renderizado desde Ordenadores.

Gtmetrix en Canadá, nos evalúa con una performance de un 98% y 1.6 segundos de carga.

Desde Móviles si bien estamos Optimizados con un Rendimiento de un 91%  nos entrega 2.3 s al primer Renderizado.

4.6 s.  para que esté operativa, implica seguir trabajando.

Mejorar el rendimiento web con estas métricas para Mobil First index, requiere tiempo de estudio.

¿Cómo optimizar tu web?

Estar al lado de Google o desestimarlo;  es tu decisión.

Ya por la pandemia hay consecuencias claras.

Las empresas dejaron de pagar los click, perdidas de tráfico, por ende conversiones y desvinculaciones  de marketeros.

¿Como eliminar los Java Scrip y los Css correctamente?

Lo más sencillo posible, como lo entendemos.

Dentro de una web, especialmente si en en WP, el desarrollo es en Html.

Al agregar al mencionado lenguaje técnico, fotos, movimientos de Slayder, cabeceras, etc.    estos se desarrollan en JavaScrip y se incorporan al Html.

Los Css como las letras, textos y colores de ellas, el robot o araña de un rastreador, los lee en secuencia o cascadas.

Obviamente se agregan dentro del Html.

Todo este lenguaje técnico es el que debe cargar tu navegador, para visualizar la web que requieres.

Dado lo anterior, analizaremos nuestro caso.

first movil index

Como antecedente, el 23 de noviembre del 2019, nuestro Rendimiento tenía un 93% y los canadienses nos clasificaban en un 97% con 2,6 segundos.

Si recuerdas, a fines de Marzo; todo cambio con Mobil First index y lo fue expandiendo.

Nos golpeó el día 29 de mayo del presente.

Bajamos a 75% de Rendimiento para la navegación móvil, como indica el cuadro superior.

Sabiendo que no pagamos por click, el posicionamiento orgánico es fundamental.

Nos siguen de varios países… y somos .cl y no .com.

Realizamos 2 o 3 cambios y nada, los seopartners en el suelo, bueno casi; tener ¾ de un 100 no es tan malo.

¿Como optimizar los JavaScripy Mejorar el Rendimiento web?

Como dice nuestro profesor en España Javier Valero, experto en Prestashop ( sabe mucho, confiable y RECTO), todo esta en la web, es cosa de estudiar.

Gran tips,  por si necesitas un e-commerce que funcione.

A medida que avancemos en este post , entregaremos otros  para lograr  WPO de tu web.

Estudiando un tema, buscas en Google y pinchas una web. Si el tema es interesante, haces click en los enlaces y profundizas sobre lo informado.

En este caso, por una palabra clave profundizamos hasta las página 5 de la Serps , por si hay alguien que viene posicionándose.

Los que pagan, ninguna posibilidad a que los leamos.

Las Serps tienen 10 web por página, por un promedio de 3 , son 30 web estudiadas por palabra y son más de 15 diferentes palabras relacionadas.

Fácilmente hemos leído 350 a 400 diferentes páginas,  en casi 2 meses de estudio.

 En este período fuimos probamos sugerencias, que cada pseudo o supuesto experto seo que recomienda.

Siempre es bueno leer todo, es la forma de aprender

Por ejemplo, al buscar en Google por la palabra exacta:

Elimina los recursos que bloquean el renderizado.

¿Que indican las Serps de como optimizar tu web?

Algunos indican  añadir el atributo defer a las llamadas del Js para que el navegador cargue todo el Html.

Otros recomiendan agregar códigos  para atrasar las librerías jquery.js que debería tener tu web en Wp.

Y no faltan los que recomiendan ciertos Plugins.

PERO… nuestra mala costumbre, medir cuanto saben del tema y medimos su web.

como eliminar js y css

ES LO QUE ESCRIBIERON y el gigante los clasificó en la primera página.

El primero es Kinsta.com, tremenda empresa con la palabra exacta y agrega Word Press y tiene un 26% de rendimiento.

Segundo es webempresa, mídalo usted.

 Tercero bloghubspot.es, igual con un 26 % , luego están los tutoriales, mejor ni los lea , mida las web,  para que no pierdas tu tiempo.

 Cuarto el blog de Google.  Es el mismísimo todo poderoso que tiene solo un 50% , pero es el dueño de la pelota, los jugadores y el estadio.

Quinto esta hostinet, con un 43%

Malas métricas implica tener muchos errores de js y css que optimizar.

Cada cual saca sus conclusiones, nosotros buscamos otra palabra.

¿Mejorar el Rendimiento web y como eliminar archivos Css,  sin usar?

Recuerden que en su blog, encuentra información, de Optimize Css,  pero si lo mide esta url tiene un 53% de rendimiento web.

En worpress hay que eliminar los Css que están duplicados o  que no se usen de manera que colaboren en reducir la carga de la web.

Ayarás recomendaciones de agregar el plugin Purify wordpress , es un purificador Css.

Un sanador de Css, lo usamos y no es.

Otros señalan agregar código y los publicitan, probamos este (es solo la primera parte del código) y no funcionó.

//Quitar las query strings from statics resources function _remove_script_version( $src ){$parts = explode( ‘?ver’, $src );return $parts[0];}

¿Que y cómo buscar  información para mejorar el rendimiento web?

palabras claves

Los tonos violetas indican las páginas visitadas y que leímos por las diferentes palabras claves de búsquedas.

Todos los sitios hay que optimizarlos y luego comprimirlos.

Para ello uno de los plugins que muchos recomiendan es wp-Rocket, que es de pago.

En nuestras webs,  usamos como alternativa a este, W3 total cache(gratis).

Permite minimizar js y css, además de comprimir archivos html.

Lo mejor es que puede borrar las diferentes cache que va generando el sitio.

Además, tiene una versión de pago que es más completa, que incorpora alternativas para las Googlefonts.

Cabe destacar que como conocedores de revisar códigos fuentes de las web que sugieren y recomiendan, varias complementan con plugins específicos.

Probamos este, Async JavaScript que permite  añadir a los scrips los atributos async o defer , siendo este último el que los retrasa.

Funciona, se avanza; pero hay uno mejor y más completo.

Lo que recomendamos, es la estrategia de prueba y error , así logramos nuestras mejoras.

Un día se avanza el otro retrocede.

¿Cómo Optimizar Js para móviles?

El que la sigue la consigue, hasta un próximo cambio a sus normas.

 Nosotros seguiremos estudiando y probando nuestro Mobil First index.

como Mejorar el Rendimiento web

Además si buscan por esta palabra exacta, encontrarán que tiene muy pocas búsquedas.

Obviamente de este nuevo cambio, millones no se enteran y desperdician su Seo.

ATENCIÓN : hay varios blogeros realizando Copy Paste.

 Escriben como VERDADEROS expertos, de mejorar el rendimiento web para móviles, que es justo lo que buscas para estudiar.

La herramienta europea de pago de ayuda al Seo, realizó el post con la palabra exacta y consideramos importante señalarla.

ejemplos de WPO

Ustedes sacan sus propias conclusiones.

Un 22% de rendimeinto de Semrush, le estrega11 líneas de errores aprox.

Al costado derecho encuentras otras métricas, de diferentes web; que posicionan este contenido.

¿Cómo lo hacen?

Traducen textos en inglés, o en español de otras entradas.

Cambian por otras palabras que digan lo mismo y ya tienen un post.

Además, si no hay mucha competencia es fácil posicionar , por que así Google entrega alternativas al internauta.

Al medir el post de la herramienta, nos dimos cuenta que usaban AMP , para acelerar la carga.

Obviamente no son únicos, encontramos otro más y tiene pésimas métricas.

Nosotros estuvimos a punto de hacerlo.

El de arriba nos proteje, seguimos leyendo y estudiando.

Nuestra estrategia va por el lado de optimizar nuestra web, a la forma RESPONSIVE.

La principal diferencia entre AMP y Responsive es que la primera requiere otra URL, es diferente.

Tema para una próxima entrada.

¿ Cuantas páginas responsive Optimizadas, encontramos?.

MUY POCAS, en todas las palabras claves que buscamos que señalen como eliminar css que bloquean el renderizado de contenido WordPress.

Al profundizar en el cambio de Mobil First index, buscando como optimizar js para móviles.

Muchos ya lo comentan , pero casi no hay web con WPO.

De  300 páginas a lo menos visitadas y estudiadas encontramos la siguientes.

2 de ellas tienen los siguientes resultados: danyelperales 95% de rendimiento y norfipc 96%. Ambas .com.

Fueron desarrolladas en un frameworks , estático en  PHP.

Son como una foto y carecen de lo más importante, estructura interior para Seo.

Ya escribimos lo que esto implica, en otro post que recomendamos leer.

Sin embargo y lo más destacado, es que si encontramos estas 2 que las lograron optimizar para seo desarrolladas en Wordpress.

web optimizadas

Una web de un Seo alemán con un 96% y un español con un 95%. Ambas .com

Con un 4 o 5 % los alcanzaremos.

Para suerte nuestra, el alemán es un SEO, casado con una sudamericana, vive hace 10 años entre Perú y Panamá.

Ya somos Partners en trabajos futuros para OPTIMIZAR su web, si nos contrata.

Si llegó hasta acá, para que compare; solo invirtió 15 minutos, déjenos un comentario y solicítenos el complemento o tips, que requiere su web.

No lo publicamos.

Igual recomendamos leer, estudiar un par de días, solo que ahora sabe que midiendo las métricas del que escribe, usted sabe a quién lee.

Nos faltó esto: Web Performence Optimization ( WPO).

Lo más importante, el día 14 de Julio a las 10:49 AM, probamos en la herramienta de optimización de móviles de Google.

Recuerde que es la base para el posicionamiento orgánico futuro.

Seopartners.cl esta optimizada pata móviles y no se han producido problemas al cargar la pagina.

Si llegó hasta acá, aprendió como mejorar el Rendimiento web.

Una respuesta a «Mejorar el Rendimiento Web, optimizar Js y Css✅ «Logrado».»

  1. Hola Miguel,
    Los felicito por lograr estos números.
    Entiendo alguno de los consejos que das. En mi caso no logró pasar el 70% WPO (Quitando las llamadas externas para facebook Pixel). Con ellas estoy en 55%. Utilizo varios plugin para optimizar pero no es suficiente. Probé cientos de configuraciones. Se que puedo mejorar un poco más sin tener que sacrificar el tema y diseño pero la experiencia del usuario también se sacrifica.

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *