Herramientas Velocidad de Carga

Google Page Speed

Una de las cosas que nos preocupa a cualquier propietario de web es la velocidad de carga de nuestra página, en otro artículo veremos como mejorarla pero lo primero es medir esa velocidad. Para ello tenemos multitud de herramientas que aportan mucha información y pueden ayudarnos. Te presento mi selección, claro que puedes consultar tantas como quieras pero en éstas puedes identificar todos los problemas que se te plantean. 

Reducir la velocidad de carga

Optimizar o reducir la velocidad de carga de web se ha convertido en la obsesión de cualquier propietario de tienda online o web por la implicación que tiene en su posicionamiento SEO, sin embargo, es un aspecto más que trabajar entre muchos, que exige constancia y trabajo continuo. Por ello, en este artículo vamos a ver algunas pautas para mejorar nuestra velocidad de carga.

FanPage en nuestra web

Para incrustar en nuestra web nuestros posts de facebook, así como los amigos, un botón de Me Gusta y la cabecera de nuestra Fan Page tenemos la posibilidad de instalar algún módulo o plugin según nuestro gestor o de ir a la página de desarrolladores de Facebook y generar el código para nuestra web.

Bordes redondeados en CSS3

Muchas son las novedades de CSS3 muy interesantes para facilitar la maquetación de una web. Esta propiedad redondea las esquinas de nuestra caja, es:

border-radius: 5px;

De este modo redondeamos todas las esquinas por igual, pero también podemos hacerlas una a una a distintos tamaños consiguiendo distintos efectos:

Media Queries: screen

Los media queries son sentencias que escribimos en los CSS dónde indicamos que ciertos estilos se apliquen si se cumple unos requisitos determinados. En las CSS los usamos principalmente para aplicar unos estilos según la resolución de la pantalla:

Aplicar sólo en resoluciones de pantalla menores que X píxeles de ancho:

@media screen and (max-width:Xpx) { /*estilos */ }

Media Queries: Incompatibilidad con IE

Los media queries son bastante útiles a la hora de conseguir ajustar diseños según la resolución de pantalla, sin embargo puede suponer un problema en Internet Explorer.

Para ello los desarrolladores nos han creado una librería js para contrarestar ese comportamiento.
Sólamente hay que descargarla: css3-mediaqueries-js, pinchamos en el enlace que nos dan en la web, nos dará error, vamos a la dirección del navegador y quitamos el *:
URL en barra de navegación