Mejora tu puntuación de Google Page Speed Insights

La velocidad de carga de tu sitio web puede tener un gran impacto en el éxito de la misma. Según las normas de Google, si tu página carga de manera lenta, perderás el tráfico de las búsquedas orgánicas. Actualmente, Google ofrece una poderosa herramienta llamada PageSpeed Insights que pone a prueba la velocidad de tu sitio web y sugiere algunas mejoras para que tu proyecto vaya como un rayo.

Como ya sabes, la competencia se odia entre sí, Google odia los widgets de Facebook, tales como el Like Box, el embebido de las páginas de Facebook, etc. En este artículo te explicaremos cómo resolver todos estos problemas que surgen con PageSpeed Insights.

Error en el Widget de Facebook

Google odia los widgets de Facebook, es por eso que seguramente obtendrás muchísimos errores de compresión.

Compressing resources with gzip or deflate can reduce the number of bytes sent over the network.

Enable compression for the following resources to reduce their transfer size by 398.3KiB (70% reduction).

Compressing https://static.xx.fbcdn.net/rsrc.php/v2/yD/r/HGn8hBI3kT0.js could save 231KiB (72% reduction).
Compressing http://connect.facebook.net/en_US/all.js could save 120.7KiB (69% reduction).
Compressing http://staticxx.facebook.com/connect/xd_arbiter.php?version=42 could save 21.5KiB (65% reduction).
Compressing https://staticxx.facebook.com/connect/xd_arbiter.php?version=42 could save 21.5KiB (65% reduction).

Solución para el error de Facebook en sitios web

Si eres de los que usan los widgets de Facebook, carga el iframe después de 8 segundos utilizando la función de Javascript setTimeout().

<script type='text/javascript'>
setTimeout(function(){

var postURL='http://YourWebsite.com/url.html';
document.getElementById('facebookLikeBox').innerHTML="<iframe allowTransparency='true' class='facebooklike' frameborder='0' scrolling='no' src='http://www.facebook.com/plugins/like.php?href='"+postURL+"'&layout=box_count&show_faces=false&width=450&action=like&colorscheme=light'></iframe>";

}, 8000);
</script>
//HTML Code
<div id="facebookLikeBox"></div>

Solución para el error de Facebook en blogger

Usa el siguiente código despues del tag data:post.body.

<script type='text/javascript'>
setTimeout(function(){

document.getElementById('facebookLikeBox').innerHTML="<iframe allowTransparency='true' class='facebooklike' frameborder='0' scrolling='no' src='http://www.facebook.com/plugins/like.php?href=data:post.url&layout=box_count&show_faces=false&width=450&action=like&colorscheme=light'></iframe>";

}, 8000);
</script>
//HTML Code
<div id="facebookLikeBox"></div>

Google Adsense

Utiliza siempre el tipo asynchronous a la hora de generar tus scripts de publicidad.

Cacheo a nivel de servidor de los recursos para blogger

Incluye estos tags dentro del tag head de la página

<include expiration='7d' path='/assets/**.css'></include>
<include expiration='7d' path='/assets/**.js'></include>
<include expiration='7d' path='/assets/**.gif'></include>
<include expiration='7d' path='/assets/**.jpeg'></include>
<include expiration='7d' path='/assets/**.jpg'></include>
<include expiration='7d' path='/assets/**.png'></include>

Cacheo a nivel de servidor de los recursos para sitios web

Incluye este código dentro del archivo .htaccess de la web, el cual está ubicado en el directorio raiz.

<IfModule mod_expires.c>
ExpiresActive on

# Perhaps better to whitelist expires rules? Perhaps.
ExpiresDefault                          "access plus 1 month"

# cache.appcache needs re-requests in FF 3.6 (thx Remy ~Introducing HTML5)
ExpiresByType text/cache-manifest       "access plus 0 seconds"

# your document html
ExpiresByType text/html                 "access plus 0 seconds"

# data
ExpiresByType text/xml                  "access plus 0 seconds"
ExpiresByType application/xml           "access plus 0 seconds"
ExpiresByType application/json          "access plus 0 seconds"

# rss feed
ExpiresByType application/rss+xml       "access plus 1 hour"

# favicon (cannot be renamed)
ExpiresByType image/x-icon              "access plus 1 week"

# media: images, video, audio
ExpiresByType image/gif                 "access plus 1 month"
ExpiresByType image/png                 "access plus 1 month"
ExpiresByType image/jpg                 "access plus 1 month"
ExpiresByType image/jpeg                "access plus 1 month"
ExpiresByType video/ogg                 "access plus 1 month"
ExpiresByType audio/ogg                 "access plus 1 month"
ExpiresByType video/mp4                 "access plus 1 month"
ExpiresByType video/webm                "access plus 1 month"

# htc files  (css3pie)
ExpiresByType text/x-component          "access plus 1 month"

# webfonts
ExpiresByType font/truetype             "access plus 1 month"
ExpiresByType font/opentype             "access plus 1 month"
ExpiresByType application/x-font-woff   "access plus 1 month"
ExpiresByType image/svg+xml             "access plus 1 month"
ExpiresByType application/vnd.ms-fontobject "access plus 1 month"

# css and javascript
ExpiresByType text/css                  "access plus 2 months"
ExpiresByType application/javascript    "access plus 2 months"
ExpiresByType text/javascript           "access plus 2 months"

<IfModule mod_headers.c>
Header append Cache-Control "public"
</IfModule>

</IfModule>
# BEGIN W3TC Browser Cache
<IfModule mod_deflate.c>
<IfModule mod_headers.c>
Header append Vary User-Agent env=!dont-vary
</IfModule>
AddOutputFilterByType DEFLATE text/css text/x-component application/x-javascript application/javascript text/javascript text/x-js text/html text/richtext image/svg+xml text/plain text/xsd text/xsl text/xml image/x-icon application/json
<IfModule mod_mime.c>
# DEFLATE by extension
AddOutputFilter DEFLATE js css htm html xml
</IfModule>
</IfModule>
# END W3TC Browser Cache
# BEGIN W3TC Page Cache core
<IfModule mod_rewrite.c>
RewriteEngine On
RewriteBase /
RewriteCond %{HTTP:Accept-Encoding} gzip
RewriteRule .* - [E=W3TC_ENC:_gzip]
RewriteCond %{HTTP_COOKIE} w3tc_preview [NC]
RewriteRule .* - [E=W3TC_PREVIEW:_preview]
RewriteCond %{REQUEST_METHOD} !=POST
RewriteCond %{QUERY_STRING} =""
RewriteCond %{REQUEST_URI} /$
RewriteCond %{HTTP_COOKIE} !(comment_author|wp-postpass|w3tc_logged_out|wordpress_logged_in|wptouch_switch_toggle) [NC]
RewriteCond "%{DOCUMENT_ROOT}/zeropaymovies/wp-content/cache/page_enhanced/%{HTTP_HOST}/%{REQUEST_URI}/_index%{ENV:W3TC_PREVIEW}.html%{ENV:W3TC_ENC}" -f
RewriteRule .* "/zeropaymovies/wp-content/cache/page_enhanced/%{HTTP_HOST}/%{REQUEST_URI}/_index%{ENV:W3TC_PREVIEW}.html%{ENV:W3TC_ENC}" [L]
</IfModule>
# END W3TC Page Cache core

Minimiza tus archivos CSS y JS

Existen muchas herramientas online disponibles para minimizar tus códigos CSS y Javascript. Te animamos a que hagas una búsqueda en Internet y encuentres tu solución ideal.

Fuente: 9lessons.info

COMPARTE ESTE ARTÍCULO

ENVIAR A UN AMIGO
COMPARTIR EN FACEBOOK
COMPARTIR EN TWITTER
COMPARTIR EN GOOGLE +
ARTÍCULO ANTERIOR

¡SÉ EL PRIMERO EN COMENTAR!
Conéctate o Regístrate para dejar tu comentario.