analisiseconod
DESCRIPTION
Este es un analísisTRANSCRIPT
Cuautitlán Izcalli EDO. México a 28 de Marzo de 2016
Análisis y diagnóstico del Sitio Web: “Econo Despensas”
Elaborado por: J. Andrés Serrano Olvera
URL del sitio: http://econodespensas.com/
El análisis y diagnóstico se realizó por medio de las plataformas:
Reducir el peso de la página (4,87 MB)
Cosas a mejorar: cantidad de datos, Calificación: 0/100
El peso de la página es demasiado alto, lo que frena su pantalla, especialmente en las conexiones de baja velocidad. Esto puede conducir a la frustración de los usuarios que pagan por datos móviles.
En febrero de 2016, el peso promedio de 100 sitios web más visitados en el mundo era 1,38MB .
¿Cómo reducir el peso de mi página?
Las imágenes son a menudo involucradas. Asegúrese de construir sus páginas web con el fin de cargar datos que es esencial para la experiencia del usuario (de optimizar la representación de la ruta crítica). Para otros contenidos (plugins de redes sociales, publicidad, contenido en la parte inferior de la página ...), es mejor retrasar la carga (asíncrono, lazy-loading ...), por lo que no anula contenidos prioritarios.
Distribución del peso de la página por tipo de recurso:
Imágenes: 71,28% del peso total JavaScript: 20,67% del peso total CSS: 4,44% del peso total Textos: 2,05% del peso total Fuente: 1,30% del peso total Otros: 0,25% del peso total JSON: 0,01% del peso total
Aquí está el peso de los 10 recursos más pesados en la red, y que son necesarios para cargar la página:
econodespensas.com/wp-content/upload[...]/back_tickets.jpg (760 kB)
econodespensas.com/wp-content/upload[...]6/02/slider_5.jpg (346 kB) econodespensas.com/wp-content/upload[...]6/02/slider_3.jpg (318 kB) econodespensas.com/wp-content/upload[...]02/slider_4-1.jpg (248 kB) econodespensas.com/wp-content/upload[...]02/slider_2-1.jpg (172 kB) econodespensas.com/wp-content/upload[...]02/slider_1-1.jpg (164 kB) econodespensas.com/wp-content/upload[...]/proximamente.jpg (154 kB) cdn.livechatinc.com/s3/3554911/0/ec/[...]d43102e01bb52.png (133 kB) http://cdn.livechatinc.com/js/embedded.20160323135900.js (127 kB) econodespensas.com/wp-content/upload[...]pleta-premium.jpg (116 kB)
Optimizar sus imágenes con WordPress
Adecuadamente el formato y la compresión de imágenes pueden ahorrar muchos bytes de datos.
Optimizar las siguientes imágenes para reducir su tamaño en 482.2KiB (reducción del 15%).
Los recursos de "econodespensas"
Sin pérdida de compresión econodespensas.com [...] s.jpg podría salvar 122.9KiB (reducción del 17%).
Sin pérdida de compresión econodespensas.com [...] o.png podría ahorrar 67.6KiB (reducción del 74%).
Sin pérdida de compresión econodespensas.com [...] 5.jpg podría salvar 39.5KiB (reducción del 12%).
Sin pérdida de compresión econodespensas.com [...] 1.jpg podría salvar 36.4KiB (reducción del 23%).
Sin pérdida de compresión econodespensas.com [...] 1.jpg podría salvar 35.9KiB (reducción del 15%).
Sin pérdida de compresión econodespensas.com [...] e.jpg podría salvar 34.9KiB (reducción del 24%).
Sin pérdida de compresión econodespensas.com [...] a.jpg podría salvar 31.3KiB (reducción del 29%).
Sin pérdida de compresión econodespensas.com [...] 1.jpg podría salvar 30.2KiB (reducción del 19%).
Sin pérdida de compresión econodespensas.com [...] 3.jpg podría salvar 28.6KiB (reducción del 10%).
Sin pérdida de compresión econodespensas.com [...] m.jpg podría salvar 5.9KiB (reducción del 6%).
y otros 9
Recursos alojados por un tercero
Parece que estos archivos están alojados por un tercero, por lo que puede no estar dentro de su control. Sin embargo, se debe considerar cualquier alternativa a estos recursos para mejorar el rendimiento de su página.
Sin pérdida de compresión demo.wpdance.com/i[...]d.png podría ahorrar 1.2KiB (reducción del 66%).
Sin pérdida de compresión demo.wpdance.com/i[...]l.png podría ahorrar 1.0KiB (reducción del 70%).
Sin pérdida de compresión demo.wpdance.com/i[...]s.png podría ahorrar 1.0KiB (reducción del 74%).
Sin pérdida de compresión demo.wpdance.com/i[...]x.png podría ahorrar 1.0KiB (reducción del 75%).
Sin pérdida de compresión demo.wpdance.com/i[...]l.png podría ahorrar 1.0KiB (reducción del 72%).
Las imágenes pueden contener datos innecesarios para su uso en la web, lo que puede aumentar
significativamente su peso. Algunas herramientas permiten eliminar automáticamente estos datos
innecesarios, sin pérdida de calidad, y reducir el peso de las imágenes.
9 imágenes cambian de tamaño con un atributo de anchura / altura
Las imágenes no deben ser grandes de lo que son en realidad, con el fin de no cargar los datos innecesarios.
Cambiar el tamaño de las imágenes
El uso de la anchura y la altura de los atributos de img no se recomienda etiquetas para reducir la
prestación de una imagen.
Proporcionar directamente sus imágenes con las dimensiones adecuadas. Por lo que evitar el envío de datos innecesarios en la red, y disminuir el tiempo de carga de la página.
¿Diseño de respuesta? imágenes de la retina?
El diseño de respuesta y las imágenes de la retina no justifican un cambio de tamaño de imagen. Incluso en estos casos, existen algunos métodos para hacer llegar sus imágenes al tamaño correcto. Le recomendamos que lea los siguientes recursos:
Introducción a las imágenes sensibles Picturefill, para empezar a utilizar el <imagen> elemento RICG, grupo de desarrolladores que trabajan en las imágenes sensibles
No cambiar el tamaño de las imágenes siguientes:
econodespensas.com/wp-conte[...]encilla.jpg~~number=plural (detectado atributos: ancho = 600, altura = 400)
econodespensas.com/wp-conte[...]premium.jpg~~number=plural (detectado atributos: ancho = 600, altura = 400)
econodespensas.com/wp-conte[...]standar.jpg~~number=plural (detectado atributos: ancho = 600, altura = 400)
econodespensas.com/wp-conte[...]standar.jpg~~number=plural (detectado atributos: ancho = 600, altura = 400)
econodespensas.com/wp-conte[...]premium.jpg~~number=plural (detectado atributos: ancho = 600, altura = 400)
econodespensas.com/wp-conte[...]standar.jpg~~number=plural (detectado atributos: ancho = 600, altura = 400)
econodespensas.com/wp-conte[...]premium.jpg~~number=plural (detectado atributos: ancho = 600, altura = 400)
econodespensas.com/wp-conte[...]standar.jpg~~number=plural (detectado atributos: ancho = 600, altura = 400)
econodespensas.com/wp-conte[...]premium.jpg~~number=plural (detectado atributos: ancho = 600, altura = 400)
54 de sus peticiones no definen la política de caché con WordPress o Apache
El Expira cabecera es esencial para una política de almacenamiento en caché eficiente. Se tendrá
un impacto significativo en el tiempo de carga para el retorno de los visitantes.
El encabezado Caduca
Se puede establecer una fecha de caducidad para cada recurso: siempre y cuando no se exceda la fecha, el navegador almacena y utiliza el recurso en la memoria caché.
La fecha de caducidad de los recursos se ajusta con el Expira cabecera HTTP:
Expira: Jue 25 Dic 2014 20:00:00 GMT
Se puede establecer una fecha de caducidad muy lejos de los recursos estáticos (máximo 1 año), y una fecha más cercana para los recursos que cambian con más frecuencia (al menos 48 horas).
Cuando se implementa una nueva versión de su sitio web, recuerde que debe cambiar el nombre de los recursos estáticos que han sido modificados. De hecho, si usted no cambia su nombre, los usuarios van a mantener los recursos almacenados en la memoria caché, que corresponde a la versión antigua. Entonces ellos pueden encontrarse en una versión inestable de su página. Este principio, llamado "control de versiones", se aplica sobre DareBoost.com por ejemplo. Integramos una versión dentro de los nombres de nuestros archivos:
dareboost.min.20140101.js
Ver las instrucciones de Yahoo! sobre este tema.
¿Que debería hacer?
Varios grandes plugins están disponibles para WordPress para manejar el mecanismo de caché. Se puede considerar especialmente la popular Rocket WP o W3 Total Cache plugins.
De lo contrario, puede utilizar el Apache mod_expires módulo y puede establecer la configuración adecuada (en su archivo .htaccess, por ejemplo).
Esta página contiene 54 recursos sin fecha de caducidad :
Los recursos de "econodespensas"
econodespensas.com/wp-includes[...].js?ver=4.4.2 econodespensas.com/wp-content/[...]y.css?ver=2.7 econodespensas.com/wp-content/[...]css?ver=4.3.1 econodespensas.com/wp-content/[...].css?ver=2.70 econodespensas.com/wp-content/[...]css?ver=4.4.2 econodespensas.com/wp-content/[...]css?ver=4.4.2 econodespensas.com/wp-content/[...]css?ver=4.4.2 y otras 37 personas
Recursos alojados por un tercero
Parece que estos archivos están alojados por un tercero, por lo que puede no estar dentro de su control. Sin embargo, se debe considerar cualquier alternativa a estos recursos para mejorar el rendimiento de su página.
s.gravatar.com/js/gprofiles.js[...]ver=2016Maraa demo.wpdance.com/imgs/woocomme[...]nt_paypal.png demo.wpdance.com/imgs/woocomme[...]ment_visa.png demo.wpdance.com/imgs/woocomme[...]t_express.png demo.wpdance.com/imgs/woocomme[...]ster_card.png demo.wpdance.com/imgs/woocomme[...]yment_dhl.png demo.wpdance.com/imgs/woocomme[...]ent_fedex.png y otros 3
Habilitar la compresión
La compresión de los recursos con gzip o deflate puede reducir el número de bytes enviados por la red.
Habilitar la compresión de los siguientes recursos para reducir el tamaño de transferencia en 375.9KiB (reducción del 68%).
Los recursos de "econodespensas"
La compresión de econodespensas.com [...]. 11.3 podría salvar 61.2KiB (reducción del 65%). La compresión de econodespensas.com [...] ia.js podrían ahorrar 49.1KiB (reducción del
68%). La compresión de econodespensas.com [...] 3.9.1 podría salvar 46.1KiB (reducción del 82%). La compresión de econodespensas.com [...] 4.4.2 podría salvar 29.4KiB (reducción del 77%). La compresión de econodespensas.com [...] 4.4.2 podría salvar 25.7KiB (reducción del 78%). La compresión de econodespensas.com [...] 4.4.2 podría salvar 20.7KiB (reducción del 77%). La compresión de econodespensas.com [...] 4.4.2 podría salvar 17.2KiB (reducción del 39%).
La compresión de econodespensas.com [...] r = 3.0 podría salvar 16.8KiB (reducción del 69%).
La compresión de econodespensas.com [...] r = 3.0 podría salvar 14.7KiB (reducción del 71%).
La compresión de econodespensas.com [...] 06.20 podría salvar 9.2KiB (reducción del 61%). y otros 10
Recursos alojados por un tercero
Parece que estos archivos están alojados por un tercero, por lo que puede no estar dentro de su control. Sin embargo, se debe considerar cualquier alternativa a estos recursos para mejorar el rendimiento de su página.
La compresión de staticxx.facebook. [...] En = 42 podría ahorrar 22.5KiB (reducción del 66%). La compresión de staticxx.facebook. [...] N = 42 podría salvar 22.5KiB (reducción del 66%).
Esta página ha sido dictada por un servidor Apache. Compruebe si se utiliza el mod_deflate módulo.
Aplazar el análisis de JavaScript
JavaScript puede ralentizar considerablemente visualización de la página, sobre todo si es necesario descargar un script externo.
Diferir el uso de Javascript tanto como sea posible para el rápido inicio de la visualización de la página.
¿Cómo resolver el problema?
En primer lugar, asegúrese de que las secuencias de comandos están colocados en la parte inferior de la página(idealmente en el extremo del cuerpo). A continuación, utilice uno de los siguientes métodos para diferir el análisis de los archivos JavaScript externos:
utilizar el asíncrona atributo; utilizar el Defer atributo; añadir la secuencia de comandos para el DOM en JavaScript durante el proceso de carga,
458.0KiB de JavaScript se analiza durante la carga de la página inicial. Aplazar el análisis JavaScript para reducir el bloqueo de la renderización de páginas.
cdn.livechatinc.co [...] 00.js (287.8KiB) econodespensas.com [...]. 11.3 (85.9KiB) staticxx.facebook. [...] en = 42 (29.0KiB de JavaScript en línea) staticxx.facebook. [...] n = 42 (29.0KiB de JavaScript en línea) ssl.gstatic.com/ac[...]y.js (9.3KiB)
econodespensas.com [...] 1.2.1 (5.5KiB) apis.google.com/_/[...]EJbQ (5.3KiB de JavaScript en línea) www.facebook.com/p[...]t=20 (3.8KiB de JavaScript en línea) http://econodespensas.com/ (2.5KiB de JavaScript en línea)
idénticos recursos se sirven de diferentes URLs
Recursos de contenido idéntico deben ser servidos desde la misma URL de descarga para evitar bytes duplicados y solicitudes adicionales. Puede guardar 1 Peticiones y 33,99kB de los datos
Diferentes direcciones URL para el mismo recurso
Si utiliza diferentes direcciones URL para obtener un contenido idéntico, navegadores tendrán que solicitar este contenido a partir de los tiempos de servidor varias. Que significa que su página se disparará solicitud y datos innecesarios. Mientras que si se utiliza la misma dirección URL, el navegador sólo enviará una petición y usar la respuesta allí donde se solicita el recurso. También debe utilizar la misma URL para hacer referencia al mismo contenido en varias páginas para beneficiarse de mecanismo de caché.
¿Como arreglarlo?
Servir un recurso de una URL única. Si usted tiene que pedir el mismo recurso en varias ocasiones, se debe recuperar de la misma URL.
Los siguientes URL conducen a idéntico contenido. Sirva estos recursos desde la misma URL para salvar 1 solicitud (s) y 33,99kB de datos.
http://staticxx.facebook.com/connect/xd_arbiter.php?version=42 https://staticxx.facebook.com/connect/xd_arbiter.php?version=42
Reducir el tiempo de respuesta del servidor
El tiempo de respuesta del servidor tiene que ser lo más rápido posible.
El tiempo de respuesta del servidor
Este tiempo corresponde al período comprendido entre la recepción de la solicitud por el servidor y el retorno de la respuesta de la red. Este tiempo de respuesta puede ser ralentizado debido a la lógica de aplicación lenta, consultas a la base lentos, enrutamiento lento, marcos, librerías, el hambre de recursos de la CPU, la memoria o el hambre.
Cómo solucionar el problema?
Identificar la causa de este tiempo y asegurarse de que el tiempo de respuesta del servidor es lo más corta posible.Según Google, un tiempo de respuesta de 200 ms bajo es aceptable .
el tiempo de respuesta del servidor es demasiado largo en los siguientes recursos:
http://econodespensas.com/ (2,25 segundos de espera)
Use un formato de archivo mejor para sus fuentes
No olvide enviar el formato de fuente más ligero posible.
La declaración de varios formatos de fuente
Los navegadores web (Firefox, Chrome, Safari, Internet Explorer, Opera ...) no soportan los mismos formatos de fuentes. Su objetivo es utilizar el formato más ligero posible para cada plataforma. Cuando se utiliza un tipo de letra, puede especificar varios formatos, a través de la instrucción CSS @ font-face: lo que el navegador usará el primer formato compatible que soporta.
¿Cómo declarar sus formatos de fuente?
Comprobar si sus formatos están bien ordenados en el @ font-face 's src propiedad. He aquí un
artículo sobre este tema para ayudarle a determinar el orden correcto para declarar sus fuentes . TL; Para DR al respeto de sus formatos Fuente Web: EOT, WOFF2, WOFF, TTF, y SVG .
El siguiente recurso es inverosímil, sin embargo se debe preferir el uso del formato WOFF2:
http://cdn.livechatinc.com/fonts/classic/livechat-classic_f726105e9a.ttf?uw2fw7
Guardar 5 peticiones usando sprites CSS
Combinar imágenes en sprites CSS reduce el número de archivos que el navegador tiene que descargar, y acelera el tiempo de carga.
sprites CSS
sprites CSS es un archivo único en el que se agrupan varias imágenes más pequeñas, situadas una al lado de la otra.A continuación, puede mostrar cada imagen pequeña en su página gracias a los estilos CSS. Por lo que una sola solicitud es necesario recuperar todas las imágenes. Utilizar este método sólo para las pequeñas imágenes, como iconos, de modo que el sprite CSS no es demasiado pesado.
Ejemplo
Aquí es un ejemplo de sprites CSS:
La página también se aplica a los estilos asociados con el sprite:
.sprite {
Imagen de fondo: url (img / sprite.png);
background-repeat: no-repeat;
display: block;
} .sprite navegadores Firefox-{ anchura: 31px; altura: 28px; background-position: -74px 0; }
Luego sólo tienes que definir la clase justo en el archivo HTML, y aparece el icono:
<Span class = "sprites sprites-navegadores-firefox"> </ span>
Cómo crear sprites CSS?
Su creación puede ser compleja, por lo que se recomienda el uso de herramientas que generan fácilmente para usted. Ejemplo:
https://draeton.github.io/stitches/ http://spritegen.website-performance.org/
6 se pueden combinar en un sprite CSS . El nombre de dominio wpdance debe utilizar esta técnica para los siguientes recursos:
http://demo.wpdance.com/imgs/woocommerce/payment_fedex.png http://demo.wpdance.com/imgs/woocommerce/payment_visa.png http://demo.wpdance.com/imgs/woocommerce/payment_dhl.png http://demo.wpdance.com/imgs/woocommerce/payment_express.png http://demo.wpdance.com/imgs/woocommerce/payment_master_card.png http://demo.wpdance.com/imgs/woocommerce/payment_paypal.png
La Política de Seguridad de Contenido falta
Es esencial para restringir el origen de los contenidos de su página web. Por lo que debe proteger a su sitio web desde los ataques XSS (Cross-Site Scripting).
ataques XSS
Un ataque XSS (cross-site scripting) pretende inyectar contenido en la página.
Usted puede aumentar su protección contra estos ataques, la implementación de una política de seguridad de contenido que va a explicar el navegador web que los servidores puedan entregar recursos en esta página. Si el navegador hace una petición a un servidor no autorizado, deberá informar al usuario.
La solución: crear un (CSP) encabezado HTTP "Content-Seguridad-Política"
Para especificar una política de seguridad en la fuente de sus recursos, tiene que configurar el servidor para que la respuesta del primer recurso contiene la cabecera HTTP "Content-Seguridad-Política".
Aquí hay un ejemplo:
Contenido-Seguridad-Política: La escritura-src 'auto' https://apis.google.com
En este caso, la página se carga correctamente siempre que todas las secuencias de comandos vienen desde el host actual o https://apis.google.com.
Leer más sobre la cabecera HTTP CSP . También puede buscar en las directivas de CSP .
Por favor, tenga cuidado, si no está correctamente configurada la cabecera, algunos de sus contenidos, guiones, o estilos pueden ser bloqueados. Eso podría causar efectos secundarios no deseados. Por otra parte, las restricciones se aplican a todas las páginas del sitio web . Recomendamos probar las diferentes páginas de su sitio web antes de implementar esta cabecera en su entorno de producción.
CSP se puede configurar con el servidor Apache. Asegúrese de que el mod_headers módulo está habilitado.A continuación, puede especificar su política de seguridad de contenido (en su archivo .htaccess, por ejemplo). Aquí está un ejemplo:
<IfModule mod_headers.c>
cabecera de set Contenido-Seguridad-Política "script src 'auto' https://www.google.com"
</ IfModule>
Este ejemplo permite a los scripts desde el mismo origen (el mismo esquema, host y puerto) y google.com.
No Política de Seguridad El contenido de esta página: se expone con mayor facilidad a los ataques XSS.
SEO
Añadir <h1> título en su contenido
Se recomienda poner palabras clave página por lo menos en las etiquetas H1 y H2. Los motores de búsqueda utilizan las etiquetas H1, H2 y H3 para el SEO. . Otros tags (h4, h5 y h6) sólo ayuda a mejorar el contenido de esta página encontrará:
1 <h2> elemento (s) 21 <h3> elemento (s)
Añadir atributo alt en etiquetas <IMG>
alt atributo es un criterio importante para el SEO. De hecho, los rastreadores lanzados por los
motores de búsqueda no puede analizar contenidos gráficos. Es por eso que utilizan el texto alternativo para devolver resultados consistentes, al igual que en las imágenes de Google .
<Img src = "product.jpg" alt = "Mi descripción del producto" />
Por otra parte, el alt atributo se utiliza en varios casos:
uso del lector de pantalla conexión lenta
error en la src atributo
Tiene 18 img etiquetas, pero 2 etiquetas no definen el alt atributo:
<Img height = "1" width = "1" style = "display: none"
src = "https://www.facebook.com/tr?id=1643919575845583&ev=PageView&noscript=1"
/>
<Img src = "/ wp-content / uploads / 2016/02 / garantia.jpg" />
Se puede configurar un texto vacío si nada parece consistente para describir una imagen, pero tenga cuidado. Le aconsejamos que para asegurar que la mayoría de sus imágenes indican un texto coherente. Ver las recomendaciones del W3C .
Seguridad
Esta página está expuesta a los ataques de tipo "clickjacking"
No permita que personas maliciosas integran sus páginas en sus sitios web.
clickjacking
Este tipo de ataques consiste en la integración de su página en un sitio web malicioso a través del marco <> o <iframe> etiquetas. Al hacerlo, un atacante puede convencer a un usuario que se encuentra en su propia página. El usuario desconocen será entonces de confianza y podría introducir la información que el sitio web malicioso será capaz de interceptar.
Es por eso que usted debe indicar qué dominios tienen para integrar su página.
La solución: la configuración de un "X-Frame-Options" cabecera HTTP
Configurar el servidor para que la respuesta del recurso principal incluye la "X-Frame-Options" encabezado HTTP.
Existen tres tipos de valores pueden ser definidos:
DENY negar cualquier fotograma o iframe integración de la página
SAMEORIGIN sólo autorizó a los fotogramas del mismo nombre de dominio
PERMITIR DE-uri para indicar los dominios permitidos para integrar la página en un marco (sin
embargo que no es compatible con algunos navegadores )
La cabecera HTTP "X-Frame-Options" se puede configurar con el servidor Apache. Asegúrese de que elmod_headers módulo está habilitado. A continuación, puede especificar la cabecera (en su archivo .htaccess, por ejemplo). Aquí hay un ejemplo:
<IfModule mod_headers.c>
Header ajuste siempre X-Frame-Options "DENY"
</ IfModule>
La cabecera HTTP "X-Frame-Options" no está configurado en esta página, que tienen más probabilidades de estar expuestos a clickjacking.
Número de solicitudes
Grupo 14 archivos JavaScript
Cada solicitud HTTP impactos del rendimiento de su página web (tiempo de ida y vuelta, de uso de ancho de banda ...).
Por lo tanto, es mejor solicitar un archivo de 50 kB única en lugar de pedir 10 archivos de 5 kB.
¿Qué distribución adoptar?
Distribuir las secuencias de comandos, integrándolas directamente en el HTML o agrupándolos en los archivos. Se recomienda el uso de este último método para aprovechar los mecanismos de almacenamiento en caché.
Usted debe considerar al grupo de los siguientes recursos:
econodespensas.com/wp-includes/js/wp-em[...]se.min.js?ver=4.4.2 econodespensas.com/wp-includes/js/jquer[...]query.js?ver=1.11.3 econodespensas.com/wp-includes/js/jquer[...]te.min.js?ver=1.2.1 econodespensas.com/wp-content/plugins/c[...]r=3.51.0-2014.06.20 y otros 10
Número de solicitudes
Grupo 10 archivos CSS
Cada solicitud HTTP impactos del rendimiento de su página web (tiempo de ida y vuelta, de uso de ancho de banda ...).
Por lo tanto, es mejor solicitar un archivo de 50 kB única en lugar de pedir 10 archivos de 5 kB.
¿Qué distribución adoptar?
Distribuir sus estilos integrándolas directamente en el HTML o agruparlos en un solo archivo. Se recomienda el uso de este último método para aprovechar los mecanismos de almacenamiento en caché.
Usted debe considerar al grupo de los siguientes recursos:
econodespensas.com/wp-content/plugins/w[...].jquery.css?ver=2.7 econodespensas.com/wp-content/plugins/c[...]tyles.css?ver=4.3.1 econodespensas.com/wp-content/plugins/w[...]vi-css.css?ver=2.70 econodespensas.com/wp-content/themes/vi[...]codes.css?ver=4.4.2 y otros 6
cantidad de datos
minify CSS
Compactar el código CSS puede ahorrar muchos bytes de datos y la velocidad de descarga y analizar veces.
Minify CSS de los siguientes recursos para reducir su tamaño en 12.6KiB (reducción del 25%).
Minifying econodespensas.com [...] 4.4.2 podría salvar 8.9KiB (reducción del 24%). Minifying econodespensas.com [...] 4.4.2 podría salvar 2.1KiB (reducción del 22%). Minifying econodespensas.com [...] r = 3.0 podría salvar 1.6KiB (reducción del 41%).
Hay muchas herramientas para Minify archivos CSS. Usted puede tratar de YUI Compressor o cssmin.js , recomendado por Google.
Varios plugins grandes también están disponibles para WordPress para manejar la minify.You puede considerar especialmente la popular Rocket WP o W3 Total Cache plugins.
Si usted quiere saber más acerca de la minimización CSS, no dude en leer nuestro artículo sobre el tema !
Accesibilidad
Explicar el propósito de cada campo de formulario
Aclarar el propósito de cada campo facilitará la experiencia del usuario en su página web.
Una forma se compone de varios campos que deben ser posible la más explícita para el usuario comprender rápidamente su función.
2 soluciones: el título atributo / etiqueta
Dos alternativas son posibles para indicar el propósito de un campo:
utilizar el título de atributos:
<Title = entrada "Llena tu nombre" type = "text" name = "nombre">
utilizar una etiqueta:
<label for = "nombre"> Llene su nombre: </ label>
<input id = tipo "nombre" = "text" name = "nombre">
Ver más información .
Esta página contiene 3 campos sin ningún tipo de explicaciones :
<Input type = "text" name = "tu nombre" value = "" size = "40" class = "forma de control de wpc
f7 wpcf7 de texto wpcf7-valida-como-necesaria" id = "nombre" requiere aria- = "true" aria-inváli
da = "true" />
<Input type = "text" name = "tu-sujeto" value = "" size = "40" class = "forma de control de wpcf7
wpcf7-texto" id = "asunto" aria-inválida = "true" />
<Textarea name = "tu-mensaje" cols = "40" filas = clase "10" = "forma de control de wpcf7 wpc
f7-área de texto" id = "Mensaje" aria-inválida = "true">
Calidad
El! Palabra clave importante se utiliza 215 veces
<="" p="">
Si abusa de esta palabra clave, se debe considerar una revisión de su código CSS. Toleramos 10 apariciones de la! Palabra clave importante antes de penalizar su puntuación.
Aquí están el importante detectada:
http://econodespensas.com/wp-content/plugins/jetpack/css/jetpack.css?ver=3.9.1
.jp-carrusel-wrap {font-family: "Helvetica Neue", sans-serif ... (línea 4, col 944)
.jp-carrusel-info {text-align: la izquierda importante} (línea 4, col 1039)
.jp-carrusel-info {font-webkit-suavizado: subpixel-antialia ... (línea 4, col 1065)
.jp-carrusel información h2 {background: ninguno importante} (línea 4, col 1401)
.jp-carrusel información h2 {border: ninguno importante} (línea 4, col 1427)
.jp-carrusel información h2 {display: bloque importante} (línea 4, col 1460)
.jp-carrusel información h2 {font: 13px 400 / 1.25em "Helvetica Neue" ... (línea 4, col 1484)
h2 .jp-carrusel-info {letter-spacing: 0 importante!} (línea 4, col 1543)
et autres 187
http://econodespensas.com/wp-content/themes/vimes/css/media-queries.css?ver=3.0
# menú principal diapositivas {display: ninguno importante} (línea 51, columna 9)
econodespensas.com/wp-content/themes/vimes/funct[...]/shortcodes.css?ver=4.4.2
.none_class: before {content: ninguno importante} (línea 24, columna 22)
a.wpz-sc-botón: activable, a.wpz-sc-button.hover, a.wpz-sc-Butto ... (línea 58, columna 5)
.last {margin-right: 0 importante!} (línea 152, col 19)
http://econodespensas.com/#0
img.wp-smiley, img.emoji {display: inline importante!} (línea 4, columna 2)
img.wp-smiley, img.emoji {border: ninguno importante} (línea 5, columna 2)
img.wp-smiley, img.emoji {box-shadow: ninguno importante} (línea 6, col 2)
img.wp-smiley, img.emoji {height: 1 em importante} (línea 7, col 2)
img.wp-smiley, img.emoji {width: 1 em importante} (línea 8, columna 2)
img.wp-smiley, img.emoji {margin: 0 .07em importante!} (línea 9, col 2)
img.wp-smiley, img.emoji {vertical-align: -0.1em importante!} (línea 10, columna 2)
img.wp-smiley, img.emoji {background: ninguno importante} (línea 11, columna 2)
img.wp-smiley, img.emoji {padding: 0 importante!} (línea 12, columna 2)
http://econodespensas.com/wp-content/themes/vimes/style.css?ver=4.4.2
#slider .flex-dirección-nav-.flex discapacitados {opacidad: 0,3 impo ... (línea 431, col 45)
.entry {text-align: inicial importante} (línea 835, col 3)
.entry .wp-caption {max-width: 100% importante!} (línea 905, col 41)
div.fb-like.fb_iframe_widget {width: 100% importante!} (línea 1013, col 33)
.fb_iframe_widget {width: 100% importante!} (línea 1015, col 21)
lapso .fb_iframe_widget {width: 100% importante!} (línea 1016, col 26)
.fb_iframe_widget lapso iframe {width: 100% importante!} (línea 1017, col 33)
Seguridad
Bloquear el acceso a toda la página cuando se sospecha de un ataque XSS
Asegúrese de que el navegador del usuario hace todo lo posible para evitar un ataque del tipo XSS.
ataques XSS
Un ataque de tipo XSS (XSS es sinónimo de Cross-Site Scripting) se propone inyectar contenido en la página.
navegadores recientes tienen una protección integrada contra ataques XSS. Sin embargo, esta protección se puede desactivar. Para evitar cualquier daño al usuario, se recomienda que se fuerza la activación de la protección XSS, y debe ser detectado un ataque XSS, Bloquear el acceso a cualquiera de los contenidos de la página.
Solución: configurar una cabecera HTTP "X-XSS-Protección"
Añadir la cabecera HTTP "X-XSS-Protección" con "1; = modo de bloque" como valor (1 para indicar la activación y el modo = bloque para indicar que la página entera debe ser bloqueada si se produce un problema).
La cabecera HTTP "X-XSS-Protección" se puede configurar con el servidor Apache. Asegúrese de que elmod_headers módulo está habilitado. A continuación, puede especificar la cabecera (en su archivo .htaccess, por ejemplo). Aquí hay un ejemplo:
<IfModule mod_headers.c>
Cabecera siempre se establece X-XSS-Protección "1; = modo de bloque"
</ IfModule>
La protección XSS está desactivado en esta página.
Seguridad
Desactivar la detección automática del tipo de recurso
Protegerse de la explotación maliciosa de examen de MIME.
sniffing MIME-Type
Internet Explorer y Chrome navegadores tienen una característica llamada "sniffing MIME-Type", que consiste en detectar automáticamente el tipo de un recurso web. Entonces, un recurso declarada como una imagen podrá ser leído como una secuencia de comandos si su contenido es una secuencia de comandos.
Una persona con malas intenciones podría beneficiarse del envío de un archivo en su página web para inyectar un código malicioso, por ejemplo. Le recomendamos que desactive el tipo MIME oler el fin de limitar los efectos del envío de un archivo de este tipo.
Solución: la configuración de un "X-Content-Type-Opciones" cabecera HTTP
Añadir la "X-Content-Type-Options" cabecera HTTP en las respuestas de cada uno de sus recursos , asociados al valor "NOSNIFF". Se le permite protegerse contra el riesgo de una mala interpretación de sus recursos.
La cabecera HTTP "X-Content-Type-Opciones" se puede configurar con el servidor Apache. Asegúrese de que el mod_headers módulo está habilitado. A continuación, puede especificar la cabecera (en su archivo .htaccess, por ejemplo). Aquí hay un ejemplo:
<IfModule mod_headers.c>
Cabecera siempre se establece X-Content-Type-Opciones "NOSNIFF"
</ IfModule>
En esta página, usted debe configurar los siguientes recursos , que el riesgo de ser mal interpretado:
Los recursos de "econodespensas"
http://econodespensas.com/ http://econodespensas.com/wp-includes/js/wp-emoji-release.min.js?ver=4.4.2 econodespensas.com/wp-content/plugins/wysija-new[...]Engine.jquery.css?ver=2.7 econodespensas.com/wp-content/plugins/contact-fo[...]/css/styles.css?ver=4.3.1 econodespensas.com/wp-content/plugins/wp-pagenav[...]pagenavi-css.css?ver=2.70 econodespensas.com/wp-content/themes/vimes/funct[...]/shortcodes.css?ver=4.4.2 econodespensas.com/wp-content/themes/vimes/funct[...]awesome.min.css?ver=4.4.2 http://econodespensas.com/wp-content/themes/vimes/style.css?ver=4.4.2 http://econodespensas.com/wp-content/themes/vimes/css/media-queries.css?ver=3.0 http://econodespensas.com/wp-includes/css/dashicons.min.css?ver=4.4.2 econodespensas.com/wp-content/themes/vimes/funct[...]ss/wzslider.css?ver=4.4.2 http://econodespensas.com/wp-content/themes/vimes/custom.css?ver=4.4.2 http://econodespensas.com/wp-content/plugins/jetpack/css/jetpack.css?ver=3.9.1 http://econodespensas.com/wp-includes/js/jquery/jquery.js?ver=1.11.3 http://econodespensas.com/wp-includes/js/jquery/jquery-migrate.min.js?ver=1.2.1 y otras 33 personas
Recursos alojados por un tercero
Parece que estos archivos están alojados por un tercero, por lo que puede no estar dentro de su control. Sin embargo, se debe considerar cualquier alternativa a estos recursos para mejorar el rendimiento de su página.
http://s0.wp.com/wp-content/js/devicepx-jetpack.js?ver=201613 http://s.gravatar.com/js/gprofiles.js?ver=2016Maraa http://stats.wp.com/e-201613.js http://demo.wpdance.com/imgs/woocommerce/payment_paypal.png http://demo.wpdance.com/imgs/woocommerce/payment_visa.png http://demo.wpdance.com/imgs/woocommerce/payment_express.png http://demo.wpdance.com/imgs/woocommerce/payment_master_card.png http://demo.wpdance.com/imgs/woocommerce/payment_dhl.png http://demo.wpdance.com/imgs/woocommerce/payment_fedex.png http://connect.facebook.net/en_US/fbevents.js http://cdn.livechatinc.com/tracking.js http://s.gravatar.com/css/hovercard.css?ver=2016Maraa http://s.gravatar.com/css/services.css?ver=2016Maraa pixel.wp.com/g.gif?v=ext&j=1%3A3.9.1&blog=605273[...]=&rand=0.9934282971080393 secure.livechatinc.com/licence/3554911/script_da[...]s=&jsonp=__lc_data_607344 y otros 14
Calidad
19 selectores CSS se duplican
Usando varias veces el mismo selector para varios bloques declarativas dentro de un solo archivo CSS puede afectar a la legibilidad y mantenibilidad del código. También es una oportunidad de optimización: mediante la agrupación de estos elementos dentro de una única regla, se reducirá el tamaño del archivo.
Reglas CSS
Las reglas CSS permiten seleccionar elementos del código HTML con el fin de aplicar las propiedades de estilo.
Cómo mejorarlo?
Sólo hay que agrupar los mismos selectores en la misma norma. Por ejemplo, la normativa siguiente:
.myClass {
margin: 0;
}
...
.myClass {
frontera: 1px negro sólido;
}
Deberían fusionarse en uno solo:
.myClass {
margin: 0;
frontera: 1px negro sólido;
}
Si la duplicación se hace a propósito (por su propia arquitectura, etc.), se puede considerar el uso de una herramienta de minimización CSS capaz de hacer de forma automática esta mejora.
Puede guardar 278 caracteres . Los siguientes archivos definen la misma selección en diferentes normas:
http://econodespensas.com/wp-content/plugins/jetpack/css/jetpack.css?ver=3.9.1
.jp-carrusel-next-botón [...] n, palmo-anterior-botón-.jp carrusel (2 veces)
.jp-carrusel de diapositivas (2 veces)
# infinita-pie de página .blog-créditos (2 veces)
.SD contenido ul li (2 veces)
cuerpo .SD-sociales-icono-.sd contenido li.share-aduana un lapso (2 veces)
.nav-pantalla completa botón .Presentación-wrapper-pantalla completa (2 veces)
http://econodespensas.com/wp-content/themes/vimes/style.css?ver=4.4.2
.mm-menú (3 veces)
hr (2 veces)
h1 (2 veces)
marca (2 veces)
pequeñas (2 veces)
img (2 veces)
la figura (2 veces)
un (2 veces)
y otros 5
apache
No se debe exponer su versión del servidor Apache
El servidor de cabecera HTTP en sus respuestas del servidor indica la versión de Apache: Apache
/ 2.2.22 . Será más difícil para un hacker para atacar a su sitio web si no sabe la versión que
utilice. Pensará en cambiar este valor.
Por ejemplo, si usted está en un servidor Linux, edite su /etc/apache2/conf.d/security archivo. Tendrá que cambiar elServerSignature las y ServerTokens valores, como se muestra a continuación:
# Ocultar la versión de la 'Servidor' encabezado HTTP.
# (Por ejemplo): sólo visualización "Servidor: Apache"
ServerTokens Prod
# No agregar un pie de página que se arrastra con el número generado por el servidor,
# que contiene el nombre del servidor y su versión.
ServerSignature Off
Sin embargo, tenga en cuenta que la mejor manera de proteger su sistema de ataques es actualizar regularmente su servidor Apache.
política de caché
4 solicitudes por parte de terceros no adoptan una política de caché mucho futuro
Definición de varios días de retención de la memoria caché para sus recursos estáticos reducirá la carga en el servidor.
Algunos de sus recursos están usando el Expira cabecera HTTP para obtener una directiva de
caché eficaz: esta es una buena práctica. Sin embargo, debe tener en cuenta la mejora de su configuración para que la mayor parte de los mecanismos de caché.
ajustes
Es recomendable configurar el Expira cabecera HTTP de modo que la fecha mencionada es de
entre 2 días y 1 año.
Esta página contiene 4 recursos que no tienen una fecha de caducidad muy lejos :
Parece que estos archivos están alojados por un tercero, por lo que puede no estar dentro de su control. Sin embargo, se debe considerar cualquier alternativa a estos recursos para mejorar el rendimiento de su página.
http://www.google-analytics.com/analytics.js http://connect.facebook.net/en_US/fbevents.js http://cdn.livechatinc.com/tracking.js http://connect.facebook.net/en_US/sdk.js
Calidad
Separar los estilos CSS de las etiquetas HTML
La separación de las etiquetas HTML y las directivas CSS mejora la legibilidad del código y promueve la factorización.
Definir los estilos CSS
Los estilos CSS se utilizan para dar formato a la página. Para definirlos, tiene 3 métodos principales:
declarando estilos CSS en un archivo específico declarando estilos "en línea" (etiqueta <style> en la plantilla HTML) declarando estilos con el atributo "estilo" de una etiqueta HTML
Cómo mejorar mi página?
Le aconsejamos de agrupar sus estilos CSS en <style> etiquetas Orin archivos separados. Por lo
tanto, el código HTML sólo es responsable de proporcionar la estructura de la página y su trazado se
externaliza. El estilo de atributo sólo debe ser generada por un cierto código JavaScript (por ejemplo,
si usted necesita saber el tamaño de la pantalla).
Esta página utiliza 6 estilo de atributo (s):
<li >
<Li style = "background-image: url ( 'http://econodespensas.com/wp-content/uploads/2016/02/
slider_2-1.jpg')">
<Li style = "background-image: url ( 'http://econodespensas.com/wp-content/uploads/2016/02/
slider_1-1.jpg')">
<Li style = "background-image: url ( 'http://econodespensas.com/wp-content/uploads/2016/02/
slider_5.jpg')">
<Li style = "background-image: url ( 'http://econodespensas.com/wp-content/uploads/2016/02/
slider_4-1.jpg')">
<Li style = "background-image: url ( 'http://econodespensas.com/wp-content/uploads/2016/02/
slider_3.jpg')">
renderizado del navegador
Evitar un conjunto de caracteres en una etiqueta <meta>
Los siguientes recursos tienen un conjunto de caracteres especificado en una etiqueta meta. La especificación de un conjunto de caracteres en una etiqueta meta deshabilita el programa de descarga de búsqueda hacia delante en IE8.Para mejorar la paralelización de recursos descarga, mover el conjunto de caracteres a la cabecera de respuesta HTTP Content-Type.
Parece que estos archivos están alojados por un tercero, por lo que puede no estar dentro de su control. Sin embargo, se debe considerar cualquier alternativa a estos recursos para mejorar el rendimiento de su página.
www.facebook.com/p[...]t=20
Es muy recomendable para especificar el conjunto de caracteres utilizado en el Content-
Type cabecera de respuesta, en lugar de en el <meta http-equiv = ""> etiqueta o el <meta charset
= ""> etiqueta. Ver más información .
Seguridad
Debe utilizar una conexión segura (HTTPS)
HTTPS garantiza la confidencialidad y seguridad de las comunicaciones a través de Internet: los datos son encriptados, así protegidos contra los ataques y la corrupción de datos.
Google ha anunciado su deseo de que todos los sitios web mediante una conexión HTTPS. Así, la compañía añadió este criterio en sus algoritmos encargados de la SEO. Haga clic y ver el anunciar de Google al respecto .
Configuración de HTTPS en un sitio web a veces causa algunas reservas (costo, impacto sobre el desempeño ...). Sin embargo, estas limitaciones son menos cierto hoy en día, y la generalización de HTTPS parece inevitable .
Cómo configurar el protocolo HTTPS
Usted tiene que configurar un certificado que recibió de una autoridad de certificación fiable. Más información poniéndose en contacto con su proveedor de alojamiento web que puede ayudarle a obtener este certificado.Además, la siguiente página de ayuda que en su procedimiento de migración con el protocolo HTTPS .
certificado libre? Vamos a cifrar! (Beta)
Vamos a Cifrar es una Autoridad de Certificación de la entrega de certificados gratuitos.
Tenga cuidado, Cifrar Vamos está en versión Beta. Nosotros recomendamos usarlo sólo para la prueba o sitios web personales.
Calidad
2 selectores CSS no son demasiado complejos
El uso de selectores CSS simples mejora la legibilidad y el rendimiento de su código.
reglas CSS
Las reglas CSS permiten seleccionar elementos del código HTML, y aplicar las propiedades de diseño.
Utilizan selectores (identificadores, clases, nombres de las etiquetas, etc.) para la selección de los elementos HTML.Una página bien estructurada permite la creación de reglas CSS sencillas, de forma rápida y eficiente legibles.
Cómo mejorarlo?
Simplificar sus selectores tanto como sea posible. No dude en introducir nuevas clases en su código para evitar selectores complejos. Por ejemplo, el siguiente selector:
td cuerpo .myClass div .myClass2 lapso .myClass3 {}
Debe sustituirse por:
#myId .myClass3 {}
Los siguientes archivos definen los selectores CSS demasiado complejas:
http://econodespensas.com/wp-content/plugins/jetpack/css/jetpack.css?ver=3.9.1
.sd-sociales-oficial-.sd contenido .sharing-oculta .inner> ul> li .digg_button> una
.sd-sociales-oficial-.sd contenido .sharing-oculta .inner> ul> li .digg_button> a: ant ...
Calidad
1 propiedad CSS se duplica
Usando varias veces la misma propiedad dentro de una misma regla CSS puede afectar a la legibilidad de la CSS.También es una oportunidad de optimización: mediante la eliminación de la duplicación de propiedades, se reducirá el tamaño del archivo.
propiedades CSS
Las propiedades CSS permiten aplicar un estilo a un conjunto de elementos. No es necesario definir 2 veces la misma propiedad con el mismo valor en una misma regla.
Cómo mejorarlo?
Retirar una aparición de la propiedad duplicado. Por ejemplo, las propiedades siguientes:
.myClass {
margen: 10px;
...
margen: 10px;
}
Debe sustituirse por:
.myClass {
margen: 10px;
}
Los siguientes archivos definen la misma propiedad varias veces (con el mismo valor) en una sola regla:
http://econodespensas.com/wp-content/themes/vimes/style.css?ver=4.4.2
.navbar nav-ul {background: #fff} (línea 304, col 169)
SEO
La etiqueta <title> se puede truncar
Título de la etiqueta no debe superar los 55 caracteres ( ver más información ). Éste contiene 57
caracteres:
Despensas Econodespensas Catálogo de despensas Económicas
cantidad de datos
minify JavaScript
La compactación de código JavaScript puede ahorrar muchos bytes de datos y la velocidad de descarga, análisis y tiempo de ejecución.
Minify JavaScript para los siguientes recursos para reducir su tamaño en 7.9KiB (reducción del 6%).
Los recursos de "econodespensas"
Minifying econodespensas.com [...] 4.3.1 podría salvar 2.0KiB (reducción del 18%). Minifying econodespensas.com [...] r = 3.0 podría salvar 1.6KiB (reducción del 19%). Minifying econodespensas.com [...] r = 3.0 podría salvar 1.2KiB (reducción del 5%). Minifying econodespensas.com [...] r = 3.0 podría salvar 1.1KiB (reducción del 35%). Minifying econodespensas.com [...] er.js podrían ahorrar 1.1KiB (reducción del 44%).
Recursos alojados por un tercero
Parece que estos archivos están alojados por un tercero, por lo que puede no estar dentro de su control. Sin embargo, se debe considerar cualquier alternativa a estos recursos para mejorar el rendimiento de su página.
Minifying static.xx.fbcdn.ne [...] h.js podrían ahorrar 1.1KiB (reducción del 2%).
Hay muchas herramientas para Minify archivos JavaScript. Usted puede tratar de YUI Compressor o JSMin , recomendado por Google.
Varios plugins grandes también están disponibles para WordPress para manejar la Minify. Se puede considerar especialmente la popular Rocket WP o W3 Total Cache plugins.
política de caché
Especificar una: cabecera 'Vary Accept-Encoding "
Los siguientes recursos, compresibles cacheables al público debe tener un "Vary: Accept-Encoding" cabecera:
Los recursos de "econodespensas"
econodespensas.com [...] ia.js econodespensas.com [...] er.js
Recursos alojados por un tercero
Parece que estos archivos están alojados por un tercero, por lo que puede no estar dentro de su control. Sin embargo, se debe considerar cualquier alternativa a estos recursos para mejorar el rendimiento de su página.
secure.livechatinc [...] _ lang
El Vary: Accept-Encoding cabecera permite almacenar en caché dos versiones del recurso en los
proxies: una comprimido, y otra sin comprimir. Así, los clientes que no pueden descomprimir correctamente los archivos son capaces de acceder a su página a través de un proxy, usando la versión sin comprimir. Los otros usuarios obtendrán la versión comprimida.
cantidad de datos
33 recursos estáticos contienen 2kB de galletas
Usted envía algunos datos innecesarios en la red a través de cookies en recursos estáticos.
Galletas y recursos estáticos
Las cookies se utilizan para personalizar el contenido de una página en función del perfil del usuario. No hay necesidad de enviar este tipo de información al solicitar recursos que ofrecen siempre el mismo contenido (recursos estáticos).
Las peticiones a las imágenes, JavaScript o CSS recursos no es necesario el uso de cookies.
Cómo solucionar el problema?
No utilice cookies en solicitudes de recursos estáticos. Sin embargo, algunos nombres de dominio requieren el envío de cookies de todos los recursos. En ese caso, puede crear otro nombre de
dominio que va a entregar sus recursos estáticos. Ejemplo: static.mydomain.com
Usted debe dejar de servir los siguientes recursos con las galletas:
Los recursos de "econodespensas"
econodespensas.com/wp-co[...]cilla.jpg (9 bytes de galletas) econodespensas.com/wp-co[...]emium.jpg (9 bytes de galletas) econodespensas.com/wp-co[...]andar.jpg (9 bytes de galletas) econodespensas.com/wp-co[...]andar.jpg (9 bytes de galletas) y otras 12 personas
Recursos alojados por un tercero
Parece que estos archivos están alojados por un tercero, por lo que puede no estar dentro de su control. Sin embargo, se debe considerar cualquier alternativa a estos recursos para mejorar el rendimiento de su página.
apis.google.com/_/scs/ap[...]loaded_0 (131 bytes de galletas) apis.google.com/_/scs/ap[...]loaded_1 (131 bytes de galletas) apis.google.com/_/scs/ap[...]uIUctGhQ~~number=plural (131 bytes de galletas) apis.google.com/_/scs/ap[...]hR_2EJbQ~~number=plural (131 bytes de galletas) y otras 13 personas
¿Sabías?
Seguridad
1 cookie no está asegurada
Una cookie enviado desde el servidor a un navegador web a través del protocolo HTTPS sólo debe de tránsito en una conexión segura (con excepción de algunos casos específicos).
cookies HTTP
Cookies HTTP son fijados por el servidor al navegador web a través de la Set-Cookie cabecera
HTTP. A continuación, el navegador transmite las galletas en el servidor para los próximos
solicitudes mediante el uso de la galleta de cabecera HTTP. Cuando el servidor utiliza una conexión
segura (HTTPS), la cookie probablemente contiene algunos datos sensibles: tienes que garantiza que la cookie no se puede aprovechar en una conexión insegura.
La directiva Secure
Mediante la adición de la Secure instrucción en la Set-Cookie cabecera HTTP, el servidor informa
al navegador que se le permite transmitir la cookie en conexión segura solamente.
Precaución: Asegúrese de que la redirección HTTP a HTTPS está activado en su sitio web. De
lo contrario, la cookie segura no puede ser enviado a petición HTTP.
El Set-Cookie cabecera HTTP se puede configurar con el servidor Apache. Asegúrese de
que el mod_headersmódulo está habilitado. A continuación, puede especificar la cabecera (en su archivo .htaccess, por ejemplo).Aquí hay un ejemplo:
<IfModule mod_headers.c> # sólo para Apache> 2.2.4: (. *) Editar encabezado Set-Cookie ^ $ $ 1;
HttpOnly; Asegure # versiones inferiores: Conjunto de la cabecera Set-Cookie HttpOnly; Asegure <
/ IfModule>
Las siguientes cookies no son seguras:
https://apis.google.com/js/plusone.js
Set-Cookie: 27-Sep-2016 16:28:01 GMT; HttpOnly
cantidad de datos
3 dominios envían 4kB de galletas
Cookies HTTP se utilizan para rastrear a un usuario costumize la página de acuerdo a su perfil. Ellos son enviados como una cabecera HTTP del servidor web al navegador. Entonces, cada vez que el navegador acceda al servidor, que envía una petición que contiene la cookie recibido en la primera respuesta. Ver más información .
Aquí,
Nombre de dominio: google
NID : 2kB distribuyen el 13 de petición (s)
Nombre de dominio: livechatinc
__livechat : 969 bytes distribuidos en 3 petición (s)
incap_ses_131_593395 : 504 bytes distribuidos en 9 solicitud (s)
___utmvc : 14 bytes distribuidos en 1 solicitud (s)
Digest : 5 bytes distribuidos en 1 solicitud (s)
Nombre de dominio: econodespensas
_ga : 513 bytes distribuidos el 19 de petición (s)
__lc.visitor_id.3554911 : 286 bytes distribuidos el 13 de petición (s)
lc_window_state : 117 bytes distribuidos el 13 de petición (s)
_gat : 19 bytes distribuidos el 19 de petición (s)
Calidad
11 propiedades CSS se redefinen
Generalmente, no es necesario definir 2 veces la misma propiedad dentro de la misma regla: el segundo uno anula la primera. Esto puede afectar a la legibilidad del código CSS. Eliminar las propiedades innecesariamente anulado también reducen el tamaño del archivo.
Cómo mejorarlo?
Retirar una aparición de la propiedad duplicado. Por ejemplo, las propiedades siguientes:
.myClass {
margen: 20px;
...
margen: 10px;
}
Debe sustituirse por:
.myClass {
margen: 10px;
}
Los siguientes archivos definen la misma propiedad varias veces en una sola regla. Observe que los retrocesos CSS puede justificar una propiedad duplicado.
Asegúrese de que las siguientes propiedades se duplican a propósito:
http://econodespensas.com/wp-content/plugins/jetpack/css/jetpack.css?ver=3.9.1
.jp-carrusel primer toque [...] n {background-color: RGBA (0,0,0, 0,8)} (línea 4, col 4148)
# infinita-pie de página .container {border-color: RGBA (0,0,0, 0,1)} (línea 4, col 21695)
# gustan-otros-Gravatars {[...] - sombra: 0 0 10px RGBA (46,68,83, 0,6)} (línea 4, col 23320)
div.sd-box {border-top: 1px RGBA sólido (0,0,0, 0,13)} (línea 4, col 24108)
# jp-relatedposts h3.jp-r [...] orden de arriba: RGBA sólido 1px (0,0,0, 0,2)} (línea 4, col
25192)
div cuerpo div.slideshow-c [...] und-color:! RGBA (0,0,0, 0,6)} importante (línea 4, col 45057)
.Presentación .autoplay - [...] {background-color: RGBA (0,0,0, .75)} (línea 4, col 48513)
.tiled-galería-caption {background: RGBA (255,255,255, 0,8)} (línea 4, col 52343)
.widget_wpcom_social_med [...] Ader-texto: hover {font-size: .875rem} (línea 4, col 55633)
econodespensas.com/wp-content/themes/vimes/funct[...]ss/wzslider.css?ver=4.4.2
.galleria-loader {Fondo del [...] ASSIC-loader.gif) no-repeat 2px 2px} (línea 68, columna 5)
http://econodespensas.com/wp-content/themes/vimes/style.css?ver=4.4.2
.navbar-NAV un {font-weight: bold} (línea 302, col 140)
renderizado del navegador
Los Recursos 10 más lentas
El tiempo de carga es de 8,3 segundos. A continuación se enumeran las 10 solicitudes más lentas, que se debe realizar con cuidado:
econodespensas.com/wp-content/uploads/2[...]02/back_tickets.jpg (3271ms) http://econodespensas.com/~~number=plural (2461ms) http://econodespensas.com/wp-
content/uploads/2016/02/slider_5.jpg~~number=plural (1485ms) cdn.livechatinc.com/s3/3554911/0/ec/da1[...]84d43102e01bb52.png~~number=plural (1289ms
) apis.google.com/_/scs/apps-static/_/js/[...]ryKkOMH50zgFTIwO-Q~~number=plural (1271ms) http://econodespensas.com/wp-
content/uploads/2016/02/slider_3.jpg~~number=plural (1230ms) econodespensas.com/wp-content/uploads/2[...]ompleta-premium.jpg (1150ms) econodespensas.com/?_wpcf7_is_ajax_call[...]t_ver=1459182481416 (1147ms) econodespensas.com/wp-content/uploads/2[...]amiliar-premium.jpg (1087ms) econodespensas.com/wp-content/uploads/2[...]02/proximamente.jpg (1000 ms)
tiempo de respuesta excesiva puede sobresalir más alto de tratamiento desde el servidor, un recurso bastante pesado o un problema de red temporal.
Para obtener más información sobre el tiempo de carga de la página, se puede consultar a la línea de tiempo .
jQuery
Más información sobre el rendimiento de jQuery
jQuery es la biblioteca de JavaScript más utilizado. Actualizar el rendimiento del sitio web respetando las mejores prácticas de jQuery. Le recomendamos que aprender los conceptos básicos de la actuación de jQuery, la lectura del siguiente enlace: http://learn.jquery.com/performance/ .
WordPress
Manejar la gestión de caché con WordPress
Varios grandes plugins están disponibles para WordPress para manejar la gestión de la caché. Confirmar la lista de plugins disponibles .
Se puede considerar especialmente el popular Super GT caché o W3 Total Cache plugins.
WordPress
Compruebe la configuración de plugins de WordPress
El uso de un CMS como WordPress implica la instalación y la configuración de varios plugins. A veces, estas mejoras pueden ralentizar su carga de página.
Debe probar el plugin de WordPress Performance Profiler (P3) para reducir la configuración de los plugins, y mejorar el rendimiento de su sitio web.
Seguridad
1 cookie puede estar dañado en el lado del cliente
Una cookie debe ser manipulado en el lado del servidor. No se recomienda su uso en el navegador.
cookies HTTP
Cookies HTTP son fijados por el servidor al navegador web a través de la Set-Cookie cabecera
HTTP. A continuación, el navegador transmite las cookies para el servidor durante las siguientes
solicitudes mediante el uso de la galleta de cabecera HTTP.
Debe asegurarse de que la cookie no se puede aprovechar en el lado del cliente.
La directiva HttpOnly
Mediante la adición de la HttpOnly instrucción en la Set-Cookie cabecera HTTP, el servidor informa
al navegador que no se le permite manipular la cookie. El lado del cliente sólo puede obtener y devolver la cookie enviada por el servidor: la cookie sólo de tránsito en el protocolo HTTP, pero no se puede actualizar a través de JavaScript, por ejemplo.
El Set-Cookie cabecera HTTP se puede configurar con el servidor Apache. Asegúrese de
que el mod_headersmódulo está habilitado. A continuación, puede especificar la cabecera (en su archivo .htaccess, por ejemplo).Aquí hay un ejemplo:
<IfModule mod_headers.c> # sólo para Apache> 2.2.4: (. *) Editar encabezado Set-Cookie ^ $ $ 1;
HttpOnly; Asegure # versiones inferiores: Conjunto de la cabecera Set-Cookie HttpOnly; Asegure <
/ IfModule>
Algunas cookies HTTP podrían ser explotadas durante un ataque XSS. Usted debe considerar la
adición de la HttpOnly directiva de seguridad adicional:
secure.livechatinc.com/licence/3554911/script_da[...]s=&jsonp=__lc_data_607344
Set-Cookie: incap_ses_131_593395 = ghsNYj9dzhtNmfxqDWrRAZFb + VYAAAAAB9ZRQVE
L6TJqetKAbHG37A ==; path = /; Domain = .livechatinc.com
Calidad
187 selectores son superfluas
A menudo es ineficiente para llevar demasiada precisión en las selectores CSS. Por ejemplo, en la siguiente regla:
.myClass div cuerpo {}
El elemento del cuerpo no da detalles para seleccionar las etiquetas deseadas. Por lo que debe preferir el siguiente selector:
div .myClass {}
De la misma manera, no es necesario especificar un selector <ul> si se especifica un <li> atrás.
A continuación se enumeran los elementos considerados como potencialmente redundante: li
ul , ol li , tr mesa , mesa de th , del cuerpo .
Los siguientes archivos DECLAR algunos selectores inútiles:
http://econodespensas.com/wp-content/plugins/jetpack/css/jetpack.css?ver=3.9.1
cuerpo .sd-ul contenido li.share-custom.no-icono de un palmo (línea 4, col 32586)
cuerpo .SD-sociales-texto-.sd contenido ul-li.share un lapso de encargo (línea 4, col 32586)
cuerpo .sd-sociales-oficial-li a.share más (línea 4, col 37706)
cuerpo .sd-sociales-oficial-li.share encargo una (línea 4, col 37706)
cuerpo .sd-sociales-oficial-li.share digg un (línea 4, col 37706)
cuerpo .SD-sociales-oficial-li.share correo electrónico una (línea 4, col 37706)
cuerpo .sd-sociales-oficial li.share-prensa-esto una (línea 4, col 37706)
cuerpo .SD-sociales-oficial-li.share de impresión (línea 4, col 37706)
y otros 125
econodespensas.com/wp-content/themes/vimes/funct[...]/shortcodes.css?ver=4.4.2
.shortcode-pestañas ul.tab_titles li.nav-pestaña (línea 160, col 1)
.shortcode-tabs ul.tab_titles li.nav-tab.ui-tabs-seleccionado un (línea 161, col 1)
.shortcode-pestañas ul.tab_titles li.nav-tab a: hover (línea 161, col 1)
.shortcode-pestañas ul.tab_titles li.nav lengüeta de una (línea 162, col 1)
.shortcode-pestañas ul.tab_titles li.ui-estado activo (línea 164, col 1)
.entry .shortcode-UnorderedList li ul (línea 186, col 1)
.shortcode-UnorderedList li ul (línea 186, col 1)
.entry .shortcode-UnorderedList ul ul li (línea 186, col 1)
y otros 40
http://econodespensas.com/wp-content/themes/vimes/style.css?ver=4.4.2
.SF flechas li ul> .sf-con-ul: enfoque: después (línea 291, col 1)
.SF-li ul flechas: libración> .sf-con-ul: después (línea 291, col 1)
li ul .aside (línea 737, col 1)
.entry ul li (línea 866, col 1)
.entry ol li (línea 867, col 1)
li ul .widget (línea 975, col 1)
SEO
Esta página contiene 3 enlaces
Una estrategia eficaz enlace en su página mejorará su SEO.
Existen 2 principales tipos de enlaces:
Los enlaces internos , que se refieren a las páginas con el mismo nombre de dominio Los enlaces externos , que apuntan a otros sitios web (deben ser relevantes y apuntar hacia
un contenido de calidad)
Si se refiere a una gran cantidad de enlaces, se puede pedir a los algoritmos de SEO para tener
solamente interés en algunos de ellos, añadiendo un atributo rel = nofollow en los que no son
relevantes (por ejemplo, anuncios).
Aquí está el reparto de los 3 enlaces presentes en la página:
Sin enlace interno (0,00%) 3 "seguir" enlaces externos (100,00%) Sin enlace externo "nofollow" (0,00%)
Calidad
Ningún código HTML se comenta
Comentarios permiten al detalle una porción de código, y ayudan a navegar de manera más eficiente en el DOM. Sin embargo, asegúrese de que ninguna información sensible se expone en sus comentarios.
Bien hecho, ninguno de sus comentarios contiene código HTML.
Calidad
57% de los colores se utiliza sólo una vez
La página analizada utiliza 161 códigos de colores diferentes dentro de sus propios archivos CSS, y 91 de ellos se utilizan sólo una vez (algunos podrían estar muy cerca de los demás, por ejemplo, # FF0000 y # fe0000).
Le recomendamos que intenta armonizar los colores de su sitio web para simplificar su CSS, sino también para evitar inconsistencias en la interfaz de usuario.
Los siguientes colores se usan sólo una vez:
#000000 #0077b5 #00acee #00aff0 #020206 #0d0d0d #1e8ab2 #2151a1 #24395a #2c476
2 #303030 #33aad6 #398f14 #3a3a3a #3b5998 #3c5378 #3d3d3d #3f70c0 #404040 #454
343 #5470c0 #555555 #619214 #63279c #707070 #727272 #747f8f #75ab1f #771a09 #8
13fbe #81bff0 #888888 #89f5e8 #a2200f #a2a2a2 #a4a4a4 #a7a3a3 #bb1d63 #bbbbbb #
bcf1ed #bfbfbf #c4d4eb #c56110 #c7254e #c7c7c7 #ca1f27 #cee3f8 #cf402d #cfcfcf #d3d
3d3 #dd4b39 #dddbdb #de3882 #de8925 #dee6f2 #df4926 #e2e2e2 #e4f0fc #e8e8e8 #e
9e9e9 #ebebeb #ee4056 #eeeeee #f5f5f5 #f7e700 #f8f8f8 #f9f2f4 #f9f9f9 #fef6d2 #ff00ff
#ffa500 #ffba00 #ffd9c8 #ffff00 #ffffff rgba(0,0,0,0.05) rgba(0,0,0,0.08) rgba(0,0,0,0.13) rgba(
0,0,0,0.16) rgba(0,0,0,0.25) rgba(0,0,0,0.4) rgba(0,0,0,0.5) rgba(0,0,0,0.7) rgba(0,0,0,0.75) rg
ba(0,0,0,0.9) rgba(255,255,255,0) rgba(255,255,255,0.1) rgba(255,255,255,0.4)rgba(255,255,25
5,0.6) rgba(255,255,255,0.7) rgba(46,68,83,0.6)
Seguridad
13 recursos de esta página son de uso público
Por defecto, el navegador acepta para realizar peticiones AJAX, o para recuperar las fuentes web, sólo en el mismo nombre de dominio de la página. Así una fuente proporcionada por toto.com sólo puede ser utilizado por las páginas de toto.com. Esto evita el mal uso de sus recursos por parte de cualquier sitio.
Algunos recursos son públicos, y explícitamente quieren estar a disposición de todo el mundo (por
ejemplo, fuentes de Google). En este caso, la cabecera HTTP Access-Control-Allow-Origin se
puede utilizar con el valor "*". Debería, sin embargo, utilizar esta propiedad si su recurso ha destinado para ser utilizado por el mayor número. De lo contrario, se recomienda que se mantenga el valor predeterminado, o configurar un nombre de dominio específico en la cabecera HTTP "Access-Control-Allow-Origin".
Usted debe ser consciente de los siguientes recursos, que utilizan un Access-Control-Allow-Origin:
* cabecera HTTP.Asegúrese de que estén destinados en realidad a ser utilizado por todas las
páginas de nombres de dominio:
Parece que estos archivos están alojados por un tercero, por lo que puede no estar dentro de su control. Sin embargo, se debe considerar cualquier alternativa a estos recursos para mejorar el rendimiento de su página.
fonts.googleapis.com/css?family=Roboto%3A400%2C4[...]2Clatin%2Cgreek&ver=4.4.2 http://fonts.gstatic.com/s/roboto/v15/CWB0XYA8bzo0kSThX0UTuA.woff2 fonts.gstatic.com/s/roboto/v15/RxZJdnzeo3R5zSexg[...]Ra8TVwTICgirnJhmVJw.woff2 www.google-analytics.com/r/collect?v=1&_v=j41&a=[...]20917-1&_r=1&z=1162847374 stats.g.doubleclick.net/r/collect?v=1&aip=1&t=dc[...]9642&_v=j41&z=1162847374 http://cdn.livechatinc.com/fonts/classic/livechat-classic_f726105e9a.ttf?uw2fw7 lh3.googleusercontent.com/-TMQRhphwr5U/UoVUkRtIO[...]DESPENSAS-BACKGROUND.jpg lh4.googleusercontent.com/-1OKahhwrYc0/AAAAAAAAA[...]x3LHRAEk/photo.jpg?sz=82 https://fonts.gstatic.com/s/roboto/v15/CWB0XYA8bzo0kSThX0UTuA.woff2 fonts.gstatic.com/s/roboto/v15/d-6IYplOFocCacKzx[...]a8TVwTICgirnJhmVJw.woff2 https://static.xx.fbcdn.net/rsrc.php/v2/yD/r/FEppCFCt76d.png https://static.xx.fbcdn.net/rsrc.php/v2iaFb3/yU/l/en_US/SuDsSsrZVXh.js www.google-analytics.com/collect?v=1&_v=j41&a=83[...]UA-35520917-1&z=341417724
Bien hecho, se respetan estas mejores prácticas
las respuestas de error HTTP son ligeros
El contenido de una respuesta de error HTTP no es utilizado por los navegadores web. Por lo tanto, proporciona un peso innecesario que debe ser lo más pequeño posible.
Las respuestas en error en la web
Los recursos que se pueden alcanzar por el navegador devuelven un código HTTP entre 400 y 599.
Cómo solucionar el problema?
En primer lugar, hay que evitar para solicitar recursos que devuelven un error. Por otra parte, reducir o eliminar por completo el contenido de las respuestas de error del servidor.
Un error de respuesta debe ser <10 kB.
No hay recursos demasiado pesados en el error.
política de caché
100/100
No utiliza secuencias de comandos en línea demasiado largos
Cualquier secuencia de comandos con un tamaño significativo debe dejar que el navegador almacena en caché ellas con el fin de reducir el tiempo de carga / mejorar el rendimiento de su visitante regresar.
secuencias de comandos en línea / política de caché
guiones "en línea" permiten integrar fácilmente pequeñas porciones de secuencias de comandos directamente en el código HTML. Ejemplo:
<script "UA-11111111-1 ',' dareboost.com '); </ script>
Al hacerlo, se evita hacer una petición al servidor para recuperar el recurso. Así secuencias de comandos en línea representan una ganancia de rendimiento si desea integrar pequeños scripts.
Sin embargo, una vez que una secuencia de comandos tiene un tamaño bastante considerable, que le aconsejará a subcontratar y realizar una solicitud para recuperarlo. Lo que se beneficiarán del mecanismo de caché.
¿Que debería hacer?
Externalizar sus guiones con más de 1500 caracteres en uno o más archivos separados.
SEO
Ha definido un <meta> 'Descripción'
Esta página se define <meta> Descripción :
Especialistas en la Creación y empacado de las despensas. Despensas A la venta a buen precio y e
xcelente servicio. Si buscas despensas, econodespensas Aqui esta.
Esta descripción se utiliza en la búsqueda página de resultados del motor (SERP). Véase más información.
SEO
Esta página utiliza los formatos de imagen estándar solamente
Las imágenes que utilizan un formato no estándar no pueden ser indexados por los motores de búsqueda.
Sólo estos formatos de imagen se consideran estándar en la Web: jpeg, jpg, png, gif, svg, ico, webp. Usted debe considerar una alternativa a cualquier otro formato.
Por otra parte, recuerde para tratar el texto alrededor de las imágenes: algunos motores de búsqueda analizan aproximadamente las 10 palabras anteriores y posteriores a la imagen con el fin de añadir un marco a la imagen.
Conformidad
No hay etiquetas de marcos, marco y noframes detectados
Estas etiquetas son obsoletos, debido a varias cuestiones relacionadas con la navegación de la consistencia, SEO o funciones de marcadores de los navegadores, por ejemplo.
Ninguna de estas etiquetas se detecta en esta página.
El uso del marco flotante etiqueta es preferido.
SEO
Esta página especifica una etiqueta <title>
Esta página define un título:
Despensas Econodespensas Catálogo de despensas Económicas
Conformidad
No se detectaron los applets de Java
applets de Java se consideran obsoletas en 2015. HTML5 es potente y más amplio apoyo. El uso de los applets de Java puede conducir a problemas de compatibilidad y puede enviar señales negativas a los usuarios (por ejemplo, el navegador que indica que el contenido se ha bloqueado porque podría ser peligroso).
Felicidades, esta página no contiene applets de Java.
Conformidad
No utilice la etiqueta <bgsound>
Sin bgsound etiqueta detectado. Esta es una buena práctica: este elemento no es un estándar
HTML. Ver más información .
Utilizar el audio de la etiqueta para entregar el contenido de audio en su página.
<src = audio "mi-audio-Archivo.ogg" reproducción automática>
Su navegador no soporta el audio elemento.
</ audio>
SEO
No utiliza una cadena de consulta en la URL
Esta URL no contiene ningún parámetro.
Una URL debe ser lo más legible posible. Por
ejemplo, http://example.com?userId=332&group=MyGroup es menos legible
que http://example.com/mygroup/me .
jQuery
Algunos terceros utilizan especificidad excesiva sobre los selectores de jQuery
Usted está utilizando demasiado Específicos selectores de jQuery. Podría afectar al rendimiento: ver más información. He aquí un ejemplo de un buen uso de la biblioteca:
$ ( ".data Table.firstClass td.secondClass");
// Mejor: La caída de la media, si es posible
$ ( "td.secondClass .data");
Comprobar los beneficios de este enfoque en términos de rendimiento: http://jsperf.com/avoid-excessive-specificity
Encontramos también algunos Específicos selectores en su sitio web:
Recursos de terceros partes
http://cdn.livechatinc.com/js/embedded.20160323135900.js
$ ( "# Email_transcript_form forma de entrada [type = text]")
jQuery
No utiliza los selectores de jQuery como $ ( "# id test")
Sus selectores comienzan con identificadores (ID #), esta es una buena práctica: jQuery
seleccionará los elementos a través de document.getElementById () , que es el selector más
eficiente.
Por otra parte, no hay selectores se han detectado después de estos ID: esta es una buena práctica de nuevo. He aquí un ejemplo de un buen uso de la biblioteca:
// Rápido
$ ( "div.element #container")
// súper rápido
$ ( "#container") .find ( "div.element");
Ver más información sobre los beneficios de este enfoque en términos de rendimiento.
Los siguientes archivos contienen selectores a partir de los identificadores y seguido por otros elementos :
Recursos de terceros partes
http://cdn.livechatinc.com/js/embedded.20160323135900.js
$ ( "# Cuerpo de la forma: de entrada")
$ ( "# Forma del cuerpo")
$ ( '# Forma del cuerpo de entrada [type = "submit"]')
$ ( "# Cuerpo de la forma: de entrada")
y otros 14
http://s.gravatar.com/js/gprofiles.js?ver=2016Maraa
jQuery ( "# perfil -" + A + "a .grav-links")
jQuery ( "# perfil -" + a + ".grav-services A")
jQuery ( "# perfil -" + a + "h4 una, #profile -" + a + ".grav-vista-completa, #profile -" + a + ".grav-
grav a")
jQuery ( "# perfil -" + a + "etiqueta .grav a")
jQuery
Ninguna manipulación DOM dentro de bucles detectados
Trabajando directamente con el DOM tiene un costo. Si usted tiene que añadir elementos a un nodo, se debe preferir para anexar una vez en lugar de uno por uno. Vea más detalles .
Bien hecho, ninguno de su bucle contiene una jQuery anexados método.
Conformidad
No utiliza enlaces a documentos de Word
.doc y .docx documentos no garantizamos la compatibilidad con todos los sistemas operativos más importantes. Se recomienda el uso de documentos PDF.
Esta página contiene enlaces sólo estándar.
cantidad de datos
Esta página se carga 39 imágenes
Cargar primero las imágenes necesarias para interactuar con la página.
páginas web y las imágenes
Las imágenes son un problema importante para las páginas web. Ellos suelen estar muy mal optimizado y un fuerte impacto en el peso total de la página.
Por lo tanto, es necesario cargar sólo imágenes prioritarios. La carga de otras imágenes tiene que ser retrasada.
¿Cómo aplazar las imágenes no prioritarios?
Diferir la carga de contenido, puede considerar, por ejemplo el mecanismo de "flojo-carga".
Le recomendamos que cargue menos de 70 imágenes para cumplir con las mejores prácticas.
renderizado del navegador
No ejecutas el mismo guión varias veces
Una biblioteca o un script externo habitualmente se destinan a ser llamado una vez por página. Sin embargo, el uso de widgets puede llevar a varias ejecuciones inútiles.
guiones duplicados
Es común ver a los comandos que se utilizan varias veces dentro de la misma página. El caso más común es la integración de redes widgets sociales. Puede ser útil para encontrar varias veces en la página. Eso no es una mala práctica, sin embargo se debe tener cuidado de que los guiones no retrasan su página.
¿Qué ocurre cuando un script está incluido 2 veces en el código? ¿Cuántas veces se
cargó? Analizado? ¿Ejecutado?
La mayoría de los navegadores web modernos descarga sólo una vez al guión incluido 2 veces. Una excepción persiste: Firefox, que cargará el recurso tantas veces como se ha mencionado, si no la política de caché eficaz está configurado.
Aparte de esta excepción, los problemas de rendimiento vienen durante el análisis y ejecución de los scripts. De hecho, si una secuencia de comandos se coloca tres veces en el código, se analiza y se ejecuta 3 veces, en todos los navegadores.
No dude en leer este artículo sobre este tema .
¿Como arreglarlo?
Hay una solución para utilizar una secuencia de comandos varias veces sin necesidad de analizar y ejecutar más de una vez. Usted tiene que escribir algo de código JavaScript que comprueba si el guión está presente. Si el guión ya está incluido, que sólo lo utiliza, de lo contrario se inyecta y lo utiliza.
Consideremos el siguiente ejemplo con el widget de Facebook, que se describe en el artículo. Cada vez que desee integrar esta funcionalidad en su página, es necesario incluir el siguiente código:
(function (d, s, id) {
js var, FJS = d.getElementsByTagName (s) [0]; si (d.getElementById (id)) {return;} js = d.
createElement (s); js.id = id; js.src = ""; //connect.facebook.net/en_US/sdk.js fjs.parentNode.
insertBefore (js, FJS); } (documento, "guión", "facebook-jssdk '));
La línea gruesa comprueba la presencia de la secuencia de comandos en el documento. Por lo que la secuencia de comandos se incluye, analiza y se ejecuta sólo durante la primera llamada de la página. El resto de llamadas se sitúen en el caso de la línea en negrita, y por lo tanto sólo tiene que utilizar el guión que ya está incluido y ejecutado.
SEO
Su <meta> 'Descripción' tiene una buena longitud
Esta página se define <meta> Descripción cuales contiene entre 20 y 300 caracteres:
Especialistas en la Creación y empacado de las despensas. Despensas A la venta a buen precio y e
xcelente servicio. Si buscas despensas, econodespensas Aqui esta.
Esta descripción se utiliza en los motores de búsqueda de páginas (SERP), tales como los resultados de Google, para indicar un breve texto informativo acerca de la página:
Los motores de búsqueda no utilizan necesariamente la descripción que proporcione a ellos. Si la descripción parece irrelevante, que vamos a usar otros criterios para describir su página. Sin embargo, no será penalizado por Google si su texto es demasiado largo o demasiado corto. Ver más información.
SEO
De no duplicar demasiado sus enlaces
Una página que contiene un mismo enlace duplica varias veces pierde calidad, y su clasificación puede pasar a la del motor de búsqueda.
Los enlaces naturales
Los algoritmos encargados de la SEO ver con la calidad y la pertinencia de su página. Repitiendo el mismo enlace de una y otra, que podría estar penalizado. En general, más de una optimización de la página es detectado por los algoritmos y puede en gran medida perjudica su ranking SEO.
¿Cómo evitar las penalizaciones?
Cuando se escribe una página, configurar los vínculos coherentes, hacia contenidos conectados a sus palabras, sin ninguna sobrecarga.
renderizado del navegador
Sus guiones parecen ser inyectada de manera eficiente
La inyección de scripts a través de la document.write instrucción retrasa la prestación de su página
y / o la interactividad para el usuario.
¿Es necesario inyectar un script?
document.write a veces se utiliza para inyectar un script. Esa es una mala práctica. Ejemplo:
document.write ( '<script src = "" src + +' "type =" text / javascript "> <\ / script> ');
Como se describe en este artículo , se debe preferir el patrón "createElement-insertBefore":
var = SNEW document.createElement ( "script");
sNew.async = true;
sNew.src = "http://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js";
var = s0 document.getElementsByTagName ( 'script') [0];
s0.parentNode.insertBefore (SNEW, s0);
En esta página, sin document.write inyecta una secuencia de comandos.
cantidad de datos
12 imágenes utilizan el formato PNG en el camino correcto
La elección del formato correcto para una imagen permite reducir su peso.
El formato PNG
El formato de imagen PNG está destinado a las imágenes que requieren la transparencia, o bien a las pequeñas imágenes que tienen pequeños detalles y colores.
Prefiero el formato JPEG ...
El principal problema de formato PNG es no apoyar la pérdida de calidad. De hecho, un formato como JPEG ofrece a "rebajar" la calidad de la imagen sin ser percibido por el usuario. Si lo hace, puede reducir la calidad de la imagen decerca del 25% whithout el usuario se dé cuenta.
Una imagen con una consecuente peso será por lo tanto mejor comprimen mediante el formato JPEG.
... O el formato PNG-8
En el caso de que su imagen requiere necessarly utilizando el MECANISMO transparencia, no soportados por el formato JPEG, debe convertir su "estándar" de imagen PNG, en PNG-8. Este
formato, en base a una paleta de color máximo 256 permite disminuir el peso de la imagen whithout afectar significativamente su calidad general.Herramientas como pngquant o de lo contrario tinypng le suport en este procedimiento.
Por fin, si la calidad propuesta por el formato PNG-8 no es apropiado para su imagen, puede obtener información sobre las posibles técnicas avanzadas para conseguir este comportamiento sin tener una imagen en formato PNG.Por ejemplo, es posible reducir a la mitad su imagen en 2 imágenes JPEG, uno incluyendo los datos de transparencia y el otro incluyendo los datos relacionados con los colores, y para recoger la imagen del lado del cliente con un elemento canvas.
Para más información, visite este artículo acerca de la compresión de imágenes .
La elección del formato PNG en las imágenes de esta página no tiene efecto negativo.
cantidad de datos
Esta página no envíe cookies de> 100 kB
Mantener el tamaño de galletas tan bajas como sea posible para minimizar el impacto sobre el tiempo de carga.
Cookies HTTP se utilizan para rastrear a un usuario costumize la página de acuerdo a su perfil. Ellos son enviados como una cabecera HTTP del servidor web al navegador. Entonces, cada vez que el navegador acceda al servidor, que envía una petición que contiene la cookie recibido en la primera respuesta. Ver más información .
Calidad
Las extensiones de los recursos son consistentes
La extensión de un recurso permite identificar fácilmente su tipo de contenido. Usted no tiene ninguna razón para indicar una extensión diferente del tipo de contenido real del recurso.
Por ejemplo, los archivos resource.js deben utilizar un Content-Type cabecera HTTP es igual
a application / javascript . Puede comprobar el Content-Type valor de encabezado HTTP usando
una herramienta de depuración como Firebug.
Calidad
Todos los recursos definen su tipo de contenido
Cada recurso debe definir su tipo de contenido con el fin de facilitar su interpretación por los navegadores web.
Usted no tiene ninguna razón para ocultar el tipo de recurso.
Le recomendamos que configure la cabecera HTTP "Content-Type" en cada recursos de la página.
cantidad de datos
Esta página no envía un exceso de ellas
Mantener el tamaño de galletas tan bajas como sea posible para minimizar el impacto sobre el tiempo de carga.
Cookies HTTP se utilizan para rastrear a un usuario costumize la página de acuerdo a su perfil. Ellos son enviados como una cabecera HTTP del servidor web al navegador. Entonces, cada vez que el navegador acceda al servidor, que envía una petición que contiene la cookie recibido en la primera respuesta. Ver más información .
A continuación se enumeran los 4kB de las cookies usadas en esta página:
NID : 2kB distribuyen el 13 de petición (s) (nombre de dominio: Google)
__livechat : 969 bytes distribuidos en 3 petición (s) (nombre de dominio: livechatinc)
_ga : 513 bytes distribuidos el 19 de petición (s) (nombre de dominio: econodespensas)
incap_ses_131_593395 : 504 bytes distribuidos en 9 solicitud (s) (nombre de dominio:
livechatinc)
__lc.visitor_id.3554911 : 286 bytes distribuidos el 13 de petición (s) (nombre de dominio:
econodespensas)
lc_window_state : 117 bytes distribuidos el 13 de petición (s) (nombre de dominio:
econodespensas)
_gat : 19 bytes distribuidos el 19 de petición (s) (nombre de dominio: econodespensas)
___utmvc : 14 bytes distribuidos en 1 solicitud (s) (nombre de dominio: livechatinc)
digerir : 5 bytes distribuidos en 1 solicitud (s) (nombre de dominio: livechatinc)
ópera% 3Dfalse : 0 bytes distribuidos en 1 solicitud (s) (nombre de dominio: livechatinc)
navigator.plugins.length% 3D% 3D0% 3Dfalse : 0 bytes distribuidos en 2 petición (s) (nombre
de dominio: livechatinc)
_phantom% 3Dfalse : 0 bytes distribuidos en 1 solicitud (s) (nombre de dominio: livechatinc)
webkitURL% 3Dtrue : 0 bytes distribuidos en 1 solicitud (s) (nombre de dominio: livechatinc)
Plugin% 3Dso : 0 bytes distribuidos en 1 solicitud (s) (nombre de dominio: livechatinc)
ActiveXObject% 3Dfalse : 0 bytes distribuye el 1 de solicitud (s) (nombre de dominio:
livechatinc)
navigator.vendor% 3DGoogle% 20Inc. : 0 bytes distribuyó el 2 de petición (s) (nombre de
dominio: livechatinc)
navigator.appName% 3DNetscape : 0 bytes distribuyó el 2 de petición (s) (nombre de
dominio: livechatinc)
plugin_ext% 3Dso : 0 bytes distribuidos en 1 solicitud (s) (nombre de dominio: livechatinc)
cantidad de datos
2 imágenes utilizan el formato GIF adecuadamente
La elección de un formato adecuado puede reducir drásticamente el peso de una imagen.
El formato GIF
El formato GIF está diseñado para imágenes animadas. Si no se utiliza la animación, el PNG y JPEG son más prácticas y más ligero, una vez optimizado.
Las imágenes GIF de esta página no tienen un impacto negativo.
SEO
Ninguno de sus títulos están vacías
<h1> , <h2> y <h3> etiquetas envían algunas señales que pueden afectar el SEO de la
página. Deben contener palabras clave relacionadas con el contenido.
Los títulos incluidos en esta página proporcionan un contenido.
Número de solicitudes
Ninguno de sus imágenes utiliza un solo color
Una solicitud de una imagen compuesta de un color único aumenta innecesariamente la cantidad de datos transmitidos en la red.
Es inútil para recuperar una imagen compuesta de un color único. Las hojas de estilo CSS permiten a prestar el mismo resultado a un menor costo.
Por ejemplo, para dibujar un círculo simple, puede utilizar el siguiente código:
#myElement {
background: # ff0000;
la frontera de radio: 50%;
ancho: 160px;
altura: 160px;
}
Todas las imágenes de esta página se componen de varios colores.
cantidad de datos
El favicon es ligero
El favicon debe ser lo más ligero posible.
El icono en la Web
Esta pequeña imagen le permite mostrar un logotipo en las pestañas del navegador, por ejemplo.
Cómo solucionar el problema?
Un favicon debe ser <10 kB.
El favicon no es demasiado pesado (984bytes).
Calidad
100/100
Identificaciones dentro de su código HTML son únicos
Utilizando el mismo ID de varios elementos puede producir efectos adversos, especialmente durante la ejecución de JavaScript, o cuando la aplicación de las reglas CSS.
IDs
Cada elemento de una página web puede ser identificado gracias a la identificación de atributos:
<p>
<span id = "mySpan1"> </ span>
</ p>
Estas identificaciones permiten manipular sus elementos con CSS o JavaScript instrucciones.
Cómo solucionar el problema?
Debe asegurarse de que un identificador no se duplica dentro de la página. Si desea compartir una
propiedad / un comportamiento entre varios elementos, usted tiene que utilizar la clase de atributo,
dedicado a este fin:
<p>
<span class = "mySpans" > </ span> <span class = "mySpans" > </ span>
</ p>
Conformidad
plugin de Silverlight no se usa
plugin de Silverlight se considera obsoleto en 2015. HTML5 es más potente y más amplio apoyo. Usando el plugin de Silverlight puede conducir a problemas de compatibilidad y puede enviar señales negativas a los usuarios (por ejemplo, el navegador que indica que el contenido se ha bloqueado porque podría ser peligroso).
Felicidades, esta página no utiliza el plugin Silverlight.
Conformidad
El formato de fuente EOT es bien declarado
Asegúrese de que el formato EOT se utiliza bien para sus visitantes que utilizan Internet Explorer <= 8.
Utilice el formato EOT para Internet Explorer <= 8
Los navegadores web (Firefox, Chrome, Safari, Internet Explorer, Opera ...) no soportan los mismos formatos de fuentes. Su objetivo es utilizar el formato más ligero posible para cada plataforma. Cuando se utiliza un tipo de letra, puede especificar varios formatos, a través de la instrucción CSS @ font-face: lo que el navegador utilizará el formato de primera apoyado.
Esto es cierto para todos los navegadores excepto Internet Explorer <= 8, que malinterpretan la instrucción @ font-face : se utilizará sólo el primer formato declaró. Y el formato de fuente más ligero para este tipo de navegador es el formato EOT.
Cómo utilizar el formato EOT sólo para IE <= 8?
Sólo Internet Explorer es compatible con el formato EOT. Así que declararlo en primera posición en
el @ font-face 's src propiedad: Internet Explorer será capaz de entender que se debe utilizar el
formato EOT, y otros navegadores, que no soportan EOT, utilizará otro formato. Se escribió un artículo sobre este tema para ayudarle a determinar el orden correcto para declarar sus fuentes . TL; Para DR al respeto de sus formatos Fuente Web: EOT, WOFF2, WOFF, TTF, y SVG .
Todas las fuentes con formato EOT se colocan en primera posición en la instrucción @ font-face.
cantidad de datos
Redirecciones son ligeros
El contenido de una redirección HTTP no es utilizado por los navegadores web. Por lo tanto, proporciona un peso innecesario que debe ser lo más pequeño posible.
Vuelve a dirigir en la web
Redirecciones pueden ser temporales (302 código HTTP) o permanente (301).
Este mecanismo es utilizado por ejemplo para los dominios secundarios (.NET para .com), los mecanismos de detección de idioma, etc.
Cómo solucionar el problema?
En primer lugar asegúrese de que la redirección es inevitable. En este caso, es necesario reducir o eliminar los contenidos de las respuestas del servidor de redirecciones completamente.
Una redirección debe ser <1 KB.
No hay redireccionamiento demasiado pesado.
Accesibilidad
<Noscript> etiqueta detecta
Esta página utiliza noscript etiqueta. Permite mostrar un mensaje cuando JavaScript está
deshabilitada por el usuario.
SEO
La página se encarga de la redirección www
Redirigir http://econodespensas.com/ a http://www.econodespensas.com/~~V con el fin de evitar el
contenido duplicado.
¿Cuál es la diferencia?
La adición de la "www" delante de una dirección web es una convención, lo que queda completamente opcional.
Algunos usuarios están acostumbrados a acceder a un sitio web mediante la adición de WWW, y otros no lo hacen. Le recomendamos que entregar su contenido para estas dos direcciones.
Para evitar problemas de contenido duplicado con los motores de búsqueda, es necesario utilizar un redireccionamiento (permanente) para señalar una de las direcciones a la otra.
Se realiza una redirección 301
de http://econodespensas.com/ a http://www.econodespensas.com/ .
Puede configurar una redirección gracias a su servidor Apache. Aquí está un ejemplo:
En RewriteEngine RewriteCond% {} ^ HTTP_HOST mywebsite.com RewriteRule https (*.): //www.my
website.com$1 [R = 301, L]
La página es accesible con y sin "www" antes de la URL.
SEO
archivo robots.txt está bien definida
Indicar a los rastreadores web, que no necesitan ser exploradas en su página web URL.
El archivo robots.txt
Coloca el archivo robots.txt en la raíz del sitio web. Será interpretado por los robots encargados de su SEO.Proporciona instrucciones para especificar las páginas para explorar por robots.
Tenga en cuenta que estas directivas son sólo indicativos. Un robot lambda no será bloqueada por las restricciones especificadas por el archivo.
Detectamos un archivo robots.txt en este sitio web.
Accesibilidad
Cada forma define un botón de envío
formularios HTML se utilizan para enviar datos. Ellos tienen que integrar un botón de envío.
Cómo especificar un botón de envío?
Puede enviar los datos del formulario utilizando dos tipos de elementos:
botón
de entrada , con el tipo de atributo mediante uno de estos valores: submit , la imagen o
el botón
Todas las formas contienen un componente para enviar los datos.
Accesibilidad
No <li> elemento está vacía
Los usuarios deben identificar fácilmente el número de elementos de una lista. Un elemento vacío proporciona una información incorrecta sobre el contenido de la lista.
La <li> elemento no puede estar vacío. Debe especificar un texto o una imagen con un texto
alternativo para permitir que todos los usuarios estar informados acerca de los componentes de la lista.
Ejemplo:
<li>
mi primer elemento
</ li>
Usted debe preferir el uso de CSS para aplicar un diseño.
Accesibilidad
Todas las etiquetas se refieren a un elemento
El de atributo asocia la etiqueta a otro elemento de la página, los lectores de pantalla y ayuda a
interpretar mejor su contenido.
Etiqueta y atributo
Una etiqueta describe un elemento (un texto para llenar, una casilla de verificación, etc.). Cuando un usuario haga clic en una etiqueta asociada con un botón de opción, la opción será seleccionado directamente, lo que mejora la experiencia del usuario.
Cómo utilizar una etiqueta?
Asociar la etiqueta para un elemento de la página, indicando el ID del elemento. Ejemplo:
<form action = "/ acción">
<label for = "myId">
<input type = "radio" name = "myoptions" id = valor "myId" = "1">
Calidad
Ninguna de las propiedades CSS se reemplaza por una taquigrafía
CSS tiene algunas trampas que pueden causar efectos secundarios en sus estilos.
Anular las propiedades CSS
Cuando una propiedad se usa 2 veces dentro de una regla CSS, el segundo prevalece sobre el primero. CSS proporciona algunas propiedades abreviadas, que puede lleva a algunos errores. Por ejemplo, la propiedad "frontera" se aplica a todas las fronteras de un elemento, evitando el uso de todos "border-top", "border-right", "border-left" y "propiedades border-bottom".
Para intance:
.myClass {
border-color: rojo;
fronteriza: sólido 5px; // Frontera tomará de nuevo el color por defecto
}
"Border-color" queda anulado por la propiedad shortand "frontera".
Evitar los efectos secundarios
El uso de las propiedades resumidas es arriesgado, ya que viene con una anulación implícita. Si el estilo que resulta en su página es la deseada, tendrá que borrar la propiedad anulado (que también reducirá el tamaño del archivo).
jQuery
Sus selectores de jQuery son específicos en su lado derecho
Está utilizando los selectores de jQuery específicos. Podría afectar al rendimiento: ver más información . He aquí un ejemplo de un buen uso de la biblioteca:
// Sin optimizar
$ ( "div.data .firstClass");
// optimizados
$ ( "td.firstClass .data");
Comprobar los beneficios de este enfoque en términos de rendimiento: http://jsperf.com/specificity
Sus selectores parecen respetar esta regla, felicitaciones.
Accesibilidad
Esta página define una lang
Perfecto. Su página define una lang atributo que permitirá a los lectores de pantalla para entender
correctamente su sitio web.
Número de solicitudes
No se detectó redirección
Las redirecciones desencadenan ida y vuelta evitables en la red y aumentan el tiempo de carga de las páginas.
redirecciones HTTP
El redirecciones HTTP permite especificar que el contenido deseado es accesible desde una dirección URL diferente.Además, producen una nueva petición HTTP para recuperar el recurso de destino y devolver un código HTTP entre 300 y 399. Consulte las especificaciones de redirecciones HTTP.
¿Cómo resolver el problema?
Permitir al usuario acceder directamente a su contenido sin redirecciones, o determinar y mejorar lo que hace que estos tiempos de carga excesivos en los redireccionamientos. Ver recomendaciones de Google .
Esta página no utiliza redirecciones antes de acceder al contenido de la derecha.
Número de solicitudes
sólo se piden recursos alcanzables
Usted debe evitar la petición de recursos inalcanzables.
Todos los recursos de la página se puede llegar. Este es un buen punto.
Estos errores probablemente afectan a algún contenido o el comportamiento de su sitio web, y causan tráfico de red innecesario, lo que afecta el tiempo de carga de su página.
SEO
Las palabras están bien separados en esta URL
No se recomiendan los guiones en la URL para obtener la mejor clasificación en los resultados de la página de Google.
URL y SEO
Las palabras en la URL son algunos de los muchos factores que afectan el SEO: si se busca la
palabra rendimiento de la web en un buscador, un criterio utilizado por Google será comprobar si la
dirección URL contiene la palabra el rendimiento y la web .
Pero para Google, subrayados no son separadores de palabras: Si la URL
contiene performance_web no va a ayudar a resaltar la página en la consulta rendimiento de la
web ( performance_web es considerada como una palabra única).
Sin embargo, este comportamiento no es común a todos los motores de búsqueda. Por ejemplo, Bing no diferencia guiones y sin embargo el comportamiento underscores.This no es común a todos los motores de búsqueda. Por ejemplo, Bing no diferencia guiones y guiones bajos.
Sin embargo Google no le penaliza por usar un guión en la URL.
Cómo resolver el problema?
Recomendamos el uso de - en lugar de _ en sus nuevas páginas web.
Esto es más complejo de solucionar el problema en las páginas web existentes, tales como el analizado aquí, porque no se puede simplemente cambiar el nombre de la dirección URL (perderá todos sus esfuerzos de SEO). Es entonces necesario establecer una redirección permanente (código HTTP 301) que retiene la dirección de edad, que remite a la nueva URL. Cuidado: redireccionamientos en su sitio también pueden afectar a la visibilidad de sus páginas web. Así que no se utilizan redirecciones si el número de páginas relevantes sigue siendo limitada.
Esta URL respeta la punta.
Google analitico
Esta página utiliza Universal Analytics
Desde abril de 2014 , Google ofrece la nueva versión de Google Analytics, llamado universal Analytics. Esta herramienta permite una mejor comprensión de cómo los usuarios interactúan con su contenido en línea.
Esta página utiliza las propiedades de Universal Analytics.
Tenga en cuenta que es perfectamente seguro para incluir tanto ga.js. / dc.js (versión antigua) y analytics.js (nueva versión) fragmentos de la misma página.
renderizado del navegador
Mantenimiento de conexiones está habilitada
Keep-alive permite enviar y recibir varias peticiones usando la misma conexión TCP (activada de forma predeterminada en HTTP 1.1).
Fuente Google API
Fuentes de Google se recuperan una vez
El Google Font API permite reducir al mínimo el número de solicitudes para recuperar la fuente que desee.
Las fuentes con Google Font API
Esta página utiliza fuentes proporcionadas por Google para mejorar su prestación.
Cómo recuperarlos?
Es posible cargar las fuentes de Google en una sola solicitud. Por ejemplo, si su código es el siguiente:
<link rel = "stylesheet" type = "text / css" href = "http://fonts.googleapis.com/css?family=Droid+Sans:n
ormal,italic">
<link rel = "stylesheet" type = " text / css "href =" http://fonts.googleapis.com/css?family=Lobster:bold,
bolditalic ">
Usted debe sustituirlo por el siguiente formulario, que recuperará el mismo contenido con una petición:
<link rel = "stylesheet" type = "text / css" href = "http://fonts.googleapis.com/css?family=Droid+Sans:n
ormal,italic | langosta: negrita, BoldItalic">
Bien hecho, sólo una solicitud se hace para recuperar las Fuentes de Google:
fonts.googleapis.com/css?family=Roboto%3A400%2C4[...]2Clatin%2Cgreek&ver=4.4.2
Fuente Google API
Las fuentes se cargan al principio
Internet Explorer bloquea la traducción de la página hasta que la fuente se ha
cargado. Si <script> etiqueta se coloca delante de la fuente, la página no mostrará nada mientras
escritura y de fuentes no se descargan.
Bien hecho, las fuentes se cargan antes de las secuencias de comandos.
cantidad de datos
No es necesario que los recursos HTML minify
Su HTML se minified. Más información acerca minifying HTML .
Se obtiene 100/100, mientras que sus recursos no se minified? Significa que hemos considerado que los beneficios proporcionados por el proceso de minimización no eran lo suficientemente importantes como para ser informado.
Varios plugins grandes también están disponibles para WordPress para manejar la Minify. Se puede considerar especialmente la popular Rocket WP o W3 Total Cache plugins.
renderizado del navegador
Usted no usa CSS @import
El uso de CSS @import permite añadir hoja de estilo externa. En los navegadores hecho no puede descargarlos al mismo tiempo, esto puede añadir un retardo a la prestación de la página. Es mejor
utilizar el enlace de la etiqueta.Ver más información.
Conformidad
No hay atributos desaprobados se detectan en la etiqueta <body>
Algunos atributos de diseño son desaprobados en HTML
5: alink / fondo / bgcolor / enlace / texto / vlink
Felicidades, esta página no utiliza atributos desaprobados en el cuerpo de la etiqueta.
Prefiero usar las instrucciones CSS en su lugar.
Calidad
Usted proporciona un favicon
Bien hecho, se ha definido un favicon en esta página.
Favicon es una pequeña imagen que proporciona un icono de un sitio web. Se encuentra ubicado en la raíz de su servidor y el navegador solicitará siempre la misma. Es mejor no responder con un código HTTP 404 (no encontrado).
Por otra parte, este archivo se le pedirá en cada página web solicitada, por lo que lo convierten en cachable:. El cliente solicitará una sola vez Ver más información .
SEO
Usted ayuda a las redes sociales para entender su contenido
Ayudan a las redes sociales para comprender algo de información relacionada con la página. Además, mejorará su SEO.
Las propiedades Open Graph
Varias propiedades permiten que las redes sociales para aprender más sobre el contenido de la página.Recomendamos el uso de al menos los siguientes cuatro propiedades:
<Propiedad meta = "og: título de" content = "El título" />
<Propiedad meta = "og: Tipo" content = "El tipo" />
<Meta propiedad = "og: url" content = "http://url.com/" />
<Meta propiedad = "og: image" content = "http: //image.jpg" />
Esta información se utiliza para mejorar el enlace entre su página y las distintas redes sociales, como Facebook. Más información acerca de Open Graph .
Esta página proporciona información a las redes sociales.
Calidad
No es gzip / desinflado imágenes PNG
La compresión tiene un costo, en el servidor y el navegador del cliente. Por lo que debe activarla solamente si es eficaz.
PNG y compresión
Las imágenes PNG no es compatible con la compresión gzip. Es inútil para llevar a cabo las operaciones de compresión en el lado del servidor, y la descompresión en el lado del cliente para este tipo de archivos.
Esta página no comprime las imágenes. Esta es una buena práctica.
Accesibilidad
No tag 'refresh' <meta>
No se recomienda para forzar automáticamente una actualización de la página. Este comportamiento perturba los usuarios que no son capaces de controlarlo.
Esta página no utiliza meta de actualización de la etiqueta. Esta es una buena práctica.
renderizado del navegador
No utiliza un inútil "http-equiv" etiqueta <meta>
cabeceras HTTP son más eficientes que las etiquetas meta http-equiv.
La <meta http-equiv = "" /> etiquetas
Los http-equiv meta tags permiten comunicar a la información del navegador web equivalentes a los
de las cabeceras HTTP. Por ejemplo, el meta <meta http-equiv = "Content-Type" /> tendrá las mismas consecuencias que la cabecera HTTP Content-Type.
Dos puntos no estimulan el uso de etiquetas meta http-equiv:
El paso por la meta requiere para interpretar el principio de la página HTML, que es más lento que ir a través de las cabeceras HTTP en términos de rendimiento
Si el encabezado HTTP ya está presente, la meta es ignorado
¿En qué casos son los <meta http-equiv = "" /> útil?
Sólo en un caso se puede justificar la presencia de estas etiquetas meta: si usted no tiene acceso a la configuración de su servidor, y que equivale a decir que las cabeceras HTTP.
Sin embargo, le aconsejamos que utilice un servidor configurable para que pueda establecer el sitio más eficiente posible.
Esta página no contiene una etiqueta meta http-equiv. Eso es una buena práctica.
Número de solicitudes
No se utiliza demasiado "captación previa" en los enlaces
Ningún recurso se prefetched en esta página.
Se debe limitar el número de solicitudes prebuscados para evitar una sobrecarga de la red. Identificar su comportamiento a los usuarios precargar los recursos más solicitados.
Tenga en cuenta que algunos navegadores bloquean automáticamente el número de recursos de pre-buscados. Por ejemplo, Internet Explorer 11 limita este mecanismo para 10 solicitudes.
Conformidad
No se detectaron expresiones CSS
Expresiones CSS están en desuso y no se debe utilizar ellos más, ya que son muy exigentes en recursos. Ver más información .
Bien hecho. No utiliza expresiones CSS.
Accesibilidad
No "src" vacío atributo detectado
El atributo "src" permite acceder a otro recurso. Nada justifica su uso con valores vacíos.
Toda su src atribuye un objetivo preciso. Eso es una buena práctica.
cantidad de datos
Todos los recursos tienen un tamaño <1 MB
Demasiado archivos pesados no deben ser cargados en una página web. Asegúrese que necesita este recurso para cargar la página. Se puede implementar varias acciones:
comprimir el recurso fragmentar el recurso y distribuirlo a través de múltiples peticiones cargar de forma asíncrona el recurso, sin bloquear la carga de la página
Accesibilidad
Especificar una etiqueta coherente en sus enlaces
Un enlace es más atractivo si el texto describe lo que está detrás de él. También puede tomar la oportunidad de utilizar palabras clave en estos textos, para mejorar el SEO de tu página.
Describir el enlace en su <a> etiqueta, en lugar de indicar el propio enlace. Ejemplo: <a
href="http://mylink.com/"> Mi descripción </a>
El contenido de sus <a> etiquetas son diferentes del propio enlace. Eso es una buena práctica.
renderizado del navegador
No se detectó filtro AlphaImageLoader
Este filtro específico (para IE <7) permite fijar problema semi-transparencia de PNG. Bloquea la representación y congela el navegador mientras que la imagen se descarga y se maneja. No se debe utilizar. Ver más información .
renderizado del navegador
Esta página no contiene demasiados elementos DOM
El número de elementos DOM influye en el tamaño de la página web y el acceso DOM en JavaScript.
Una página web bien diseñado puede ofrecer contenido rico, mientras que el mantenimiento de un número razonable de los elementos DOM. Ver más información .
Le recomendamos que mantenga una página que contenga menos de 1.000 elementos DOM.
Hay 429 elementos DOM en esta página.
Conformidad
No BOM (Byte Order Mark) detectado
Algunos analizadores no son capaces de interpretar una página con una lista de materiales en ella.
¿Qué es la lista de materiales?
La lista de materiales es un carácter oculto que se encuentra en el comienzo de la página, con el objetivo de ayudar a determinar qué codifica la página utiliza. Pero las mejores prácticas de la web
impulsan el uso de los protocolos HTTP Content-Type cabecera con el fin de definir la codificación
utilizada por la página. La lista de materiales no tiene razón de ser en este contexto.
Aparte del hecho de que este tipo de indicador es inútil en la web, que puede conducir a un cierto número de problemas. Este es el caso por ejemplo de la validación W3C que se va a tratar de interpretar el primer carácter que corresponde a la lista de materiales. A continuación, el documento no será válido.
Ningún recurso utilizar una lista de materiales.
Resumen: Importancia de la velocidad de carga
Este aspecto, a veces olvidado en la creación de páginas web, afecta tanto a la conversión propia
dentro de la web, como al posicionamiento en buscadores o a tus campañas de pago por click.
En los negocios online el tiempo es oro, y por tanto si hablamos de negocios muy grandes podemos
asegurar que la mejora en segundos se traduce en millones de beneficio o pérdidas. En cifras
podemos observar:
Amazon: 0,1 segundos de retraso implican una pérdida del 1% de los ingresos.
Facebook: 0,5 segundos más lento provoca una caída de tráfico del 3%; 1 segundo provoca
una caída del 6%.
Google Maps: redujo un 30% el tamaño de sus ficheros y el número de peticiones aumentó
un 30%.
Yahoo!: 0,4 segundos de retraso causan una caída entre el 5% y el 9% del tráfico.
Estos son tan solo algunos ejemplos de cómo puede afectar la velocidad de carga a una página
web. Es imprescindible entender cuáles son los factores más importantes que determinan el tiempo
de carga de esa página web.
1. Sugerencias de Mejoras a Site de Econo despensas:
a. Mejorar la velocidad del sitio (El reporte nos da ideas de mejoramiento).
b. Mejorar la posición en los buscadores.
i. No aparece en las primeras posiciones de los buscadores, por lo que se tiene
que pagar).
ii. Esta mal la inversión en SEO, hay perdida de dinero debido a que tarda mucho
en la carga y la página no es responsive.
iii. Se debe realizar un diseño resposinve (adaptable a celulares, tablets y
ordenadores)
2. En la palabra “Proximamente” falta un acento.
3. Hay un botón en Inglés. (sección de contáctanos que nos envía a una página ajena de la
empresa).
4. Redes Sociales:
i. Google + : Es una red Social que no tiene uso, Sólo tiene 15 seguidores y en la
actualidad no genera.
ii. Facebook: Puede convertirse en un atrayente de clientes potenciales.
Algunos datos de estas redes:
Pew Research Center realiza un estudio que muestra la demografía en redes sociales. Los
datos obtenido llegan a distanciar de lo que se pensaba de cada una de estas páginas.
La red social tiene un mayor nivel de participación de mujeres. La edad que predomina es de
los 18 a los 29 años, seguida de los 30 a 49. El nivel de estudios de la mayor parte de los
usuarios es de secundaria.
Las mujeres son las que usan más esta red social. La edad de la mayor parte de sus usuarios
es de 18 a 29 años. El nivel de estudio dominante es de universidad, seguido de maestría y/o
doctorado.
Los hombres tienen mayor tendencia usar este sitio. La edad que predomina es de los 30 a 49
años, el análisis indica que la mayor parte de los miembros de la red social cuentan con
estudios superiores a la universidad.
La red social cuenta con una mayor participación de mujeres. La edad más frecuente oscila
entre los 30 a 49 años, seguido de las personas que cuentan con 18 a 29 años. El rango
estudios que predomina es de universidad.
La mayor parte de los usuarios de esta red social son mujeres. La edad más común es de los
18 a 29 años, seguido de los 30 a 49. El grado de estudios es de universidad y posteriores a
ella.
5. Tenemos por parte de Alexia que el mayor número de internautas son mujeres para
Econodespensas y que podemos adentrarnos a todas las redes sociales, menos google +.
6. Chat, es muy pesado (lento) y nadie lo contesta de inmediato.
7. Un cambio de imagen en la fotografía e imagen.
8. Hacer más intuitivo el sitio y más sencillo.
Algunos datos extra:
Capturas del Diagnóstico: Alexa nos indica que en el Ranking Mundial
Tenemos 30 entradas en promedio diarias.
Tenemos un mayor flujo de mujeres en el sitio:
Por Parte de Dareboots tenemos las siguientes calificaciones y rendimientos:
Google nos da calificación baja:
Para acceso a Ordenadores.
Para acceso a móviles:
Por parte de Pingdom nos da las siguiente metricas: