Cómo mejorar tu velocidad de página con Page Speed de Google

frN13

Zeta

• 17 Dic 2011

• #21

quedo en el olvido esto? una lastima...

 

S

SoloNegocios

Xi

SEO

• 19 Dic 2011

• #22

Los que quieran mejorar "Prefer asynchronous resources" en Español "Utilizar preferentemente recursos asíncronos" lo que deben hacer es cargar los JS de forma Asincrona, aquí les dejo el código para WP o para cualquier Script PHP http://forobeta.com/wordpress/80334-carga-javascript-asincronamente-mas-velocidad.html

 

Juan Quiñónez

Épsilon

Redactor

Verificado por Whatsapp

¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!

• 19 Dic 2011

• #23

¿Cómo se hace esto en WordPress?:

ELIMINAR LAS CADENAS DE CONSULTAS DE RECURSOS ESTATICOS:

Nunca usar URL que contengan el carácter "?", como los resultados de búsqueda que ofrece WP normalmente midominio.com/s?=cosa

Hacer clic para expandir...

 

T

titoniko

Beta

¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!

• 22 Dic 2011

• #24

Khan las del htcaccess pero yo no tengo creado ninguno, me gustaría saber como crearlo y donde debería colocarlo.
Muchas gracias

 

supercordobes

Zeta

Programador

Verificación en dos pasos activada

Verificado por Whatsapp

• 10 Ene 2012

• #25

Algo interesante es utilizar CDN para algunos recursos, pero sobre todo para frameworks JS he visto mucho ese tema, en particular con Jquery.

La idea se trata básicamente de que en lugar de tener el archivo en tu servidor, se trata de tomarlo de otro externo (por ejemplo, google). Para que se entienda es como el hotlinks de imagenes, solo que tiene una serie de ventajas extras. Por ejemplo, los CDN de JQuery disponibles son los siguientes:

Google Ajax API CDN (Also supports SSL via HTTPS) :
- http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js

Microsoft CDN (Also supports SSL via HTTPS):
- http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.7.1.min.js

jQuery CDN (via Media Temple)
- http://code.jquery.com/jquery-1.7.1.min.js Minified version
- http://code.jquery.com/jquery-1.7.1.js Source version

Estas son algunas de las ventajas:

• Ahorro de ancho de banda propio.
• Varios sitios pueden compartir el mismo recurso en el CDN, por lo que hay la posibilidad de que el cliente al llegar a tu página ya tenga en el caché una copia del recurso y por lo tanto no hace falta volver a pedirla. Esta es la ventaja más grande para archivos que son comunes a muchos sitios diferentes (como JQuery)
• Los CDN tienen servidores en todo el mundo, por lo que la descarga del recurso se va a hacer desde la localización más cercana del usuario (y por lo tanto más rápido).

Hay un par de ventajas más, pero son un poco más técnicas y no aportan demasiado al menos que tengas un sitio con varios millones de visitas al día.

Saludos

 

C

codigoadicto

Beta

¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!

• 21 Mar 2012

• #26

Para optimizar las imagenes recomiendo que usen Enlace eliminado o un plugin de wordpress que usa smush it WordPress › WP Smush.it « WordPress Plugins cada que subes una imagen a la carpeta upload te la comprime de forma automatica o utilizar la version optimizada que te ofrece google page speed, la que dice See optimized version.

 

C

Cyber

Épsilon

• 8 Abr 2012

• #27

Excelente, se agradece mucho!

No lo abandones Bro, es un aportazo 😉

 

F

FeedeFer

Eta

Programador

Verificación en dos pasos activada

• 8 Abr 2012

• #28

Gracias amigo!

 

Kakkonen

Ómicron

SEO

Verificación en dos pasos activada

Verificado por Whatsapp

• 9 Abr 2012

• #29

seguimos con este tutorial?

 

C

Cyber

Épsilon

• 9 Abr 2012

• #30

Si tienes tiempo, y ganas, creo que vale la pena. Muchos novatos te lo agradeceremos.

Por mi parte no me ha funcionado nada :fatigue:, aquí muestro como me quedó: http://forobeta.com/optimizacion-de-buscadores/99172-google-pagespeed-y-htaccess.html

Saludos!

 

nbrown

Delta

Redactor

• 11 Abr 2012

• #31

Interesante, que página usáis para comprobar la puntuación de la web? Saludos

 

C

Cyber

Épsilon

• 11 Abr 2012

• #32

nbrown dijo:

Interesante, que página usáis para comprobar la puntuación de la web? Saludos

Hacer clic para expandir...

https://developers.google.com/speed/pagespeed/insights

Saludos! :encouragement:

 

nbrown

Delta

Redactor

• 12 Abr 2012

• #33

Cyber dijo:

https://developers.google.com/speed/pagespeed/insights

Saludos! :encouragement:

Hacer clic para expandir...

Gracias! Es que usaba whorank pero hace ya algún tiempo que lo pusieron de pago :topsy_turvy:

 

C

Cyber

Épsilon

• 12 Abr 2012

• #34

nbrown dijo:

Gracias! Es que usaba whorank pero hace ya algún tiempo que lo pusieron de pago :topsy_turvy:

Hacer clic para expandir...

Ja Ja Ja. Si, lo hacen casi todos. Crean una buena herramienta, dejan que nos acostumbremos a ella, y luego ZAZ!! :greedy_dollars::greedy_dollars::greedy_dollars:

 

D

Dekkers

Beta

¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!

• 12 Abr 2012

• #35

Esta puntuación es buena en Page Speed Online?

The page ANDROID ZONE got an overall PageSpeed Score of 89 (out of 100). Learn more

 

C

Cyber

Épsilon

• 12 Abr 2012

• #36

Dekkers dijo:

Esta puntuación es buena en Page Speed Online?

The page ANDROID ZONE got an overall PageSpeed Score of 89 (out of 100). Learn more

Hacer clic para expandir...

Si, en teoría es bastante buena. Supera a la mayoría. :encouragement:

 

Z

ziney

Eta

Programador

• 13 Abr 2012

• #37

Cuando programamos si bien lo esencial es que el código que haces funcione correctamente y sin errores, pero hay un factor muy importante ¿El código programado es realmente optimo? ¿Cuanto de memoria RAM consume? , ¿cuanto recursos de procesador consume? y ¿cuando tarda en ejecutarse?

Para optimizar una web al máximo hay que empezar desde la raíz, desde analizar linea por linea el código PHP, CSS, HTML y javascript , en este caso mostrare una buena practica que se suele usar con Javascript, y especialmente cuando se trabaja con jQuery.

Utiliza variables para almacenar información de un elemento y hacer cambios sobre él.

Este sería un ejemplo de código no optimizado:

HTML:

$('#lista li).bind('click', function() { 

$(this).css('border', '3px dashed yellow'); 
$(this).css('background-color', 'orange');
 $(this).fadeIn('slow');
 
});

¿Vieron la cantidad de referencias a this?
Porque no hacer mejor esto y evitamos hacer muchas referencias al objeto, ojo cada vez que se hace una referencia, Javascript busca el elemento en todo el arbol DOM de la página.

HTML:

$('#lista li).bind('click', function() { 

var lista= $(this);

lista.css('border', '3px dashed yellow'); 
lista.css('background-color', 'orange');
lista.fadeIn('slow');

});

O incluso aun mas optimizado.

HTML:

$('#lista li).bind('click', function() { 

var lista= $(this);

lista.css('border', '3px dashed yellow')
.css('background-color', 'orange')
.fadeIn('slow');

});

Si bien el tiempo es insignificante, pero aveces depende de milisegundos para que un visitante cierre tu pagina.

PD:
Un tip mas: Evita tener imágenes con links rotos o referencias a css , js inexistentes. << El navegador hace muchos intentos a tratar de descargar una imagen , no para hasta que este le de un error 404 >> esto significa que mientras no haya respuesta el navegador no procederá a descargar los demás contenidos de la web.

Por ejemplo:
Crea un documento HTML añade con imágenes y texto la librería jQuery desde la API de Google y cárgalo en localhost ¿Wouu carga muy rapido? . Ahora desconectate de Internet y prueba cargar nuevamente la página. Pues la carga va ser muy lenta ya que se va esperar un lapso de tiempo hasta que el navegador detecte que no existe ese archivo y luego proceda a cargar el resto.

PDD: Para servicios garantizo PageSpeed hasta 98% 😛 ?spam?

 

Última edición: 13 Abr 2012

domox

Eta

Social Media

Verificación en dos pasos activada

Verificado por Whatsapp

• 21 Nov 2012

• #38

Lo mejor ante todo eso es usar cloudflare yo lo uso en un sitio Infodomi.com | Tecnología & Gadgets Redes Sociales y Contenido Geek y los resultados han sido muy satisfactorios para el rendimiento de mi server.

 

Brandon Díaz

Lambda

SEO

Verificación en dos pasos activada

• 21 Nov 2012

• #39

Aguas con:

UTILIZAR PREFERENTEMENTE RECURSOS ASINCRONOS

Puedes ocultar sin querer contenido a los buscadores

 

B

Bandit

Gamma

• 21 Nov 2012

• #40

Me suscribo a este tema que me parece muy interesante. Gracias por el aporte