UN SITIO WEB FÓRMULA 1 - DonWeb · FÓRMULA 1. POR QUÉ ES IMPORTANTE "BLINK TEST" 3SEG. 50% 25% 2...
22
OPTIMIZANDO NUESTRO SITIO WEB PARA GANAR. UN SITIO WEB FÓRMULA 1
Transcript of UN SITIO WEB FÓRMULA 1 - DonWeb · FÓRMULA 1. POR QUÉ ES IMPORTANTE "BLINK TEST" 3SEG. 50% 25% 2...
OPTIMIZANDO NUESTRO SITIO WEB PARA GANAR.
UN SITIO WEBFÓRMULA 1
POR QUÉ ES IMPORTANTE
"BLINK TEST"
3SEG
50%
25%
2 4 6 8 10
Tiempo de carga de sitio en segundos
Abandono del sitio proporcional al tiempo de cargaFuentes: gomez.com / akamai.com
¡NO NOSABANDONE!
Tiempo de carga en segundos
TIEMPO DE CARGARATIO DE CONVERSIÓN VS
0-10%
100%
1-2 2-3 3-4 4-5 5-6 6-7 7-8 8-9 9-10 10-11 11-12 12-13 13-14 14-15 >15
POBLACIÓN [%] RATIO DE CONVERSIÓN [%]
CONVERSIÓNTIPEO DE PÁGINA
VISITAS CON CONVERSIÓN [ SEG ] VISITAS SIN CONVERSIÓN [ SEG ]
Tipo de Página
Tiem
po d
e ca
rga
en s
egun
dos
0
2
4
6
8
10
APPLE
DELL
COSTCO
AMWAY
TARGET
HP SHOPPING
VICTORAS SECRETS
OVERSTOCK
QVC
MACYS
OFFICE MAX
LL BEAN
BEST BUY
AVERANGE
GAP
2.108
2.870
2.934
3.603
3.766
4.025
4.320
4.382
4.543
4.718
5.003
5.169
5.222
5.621
5.805
COSTCO
AMAZON
OVERSTOCK
DELL
LL BEAN
OFFICE DEPOT
AMWAY
TOYSRUS
HSN
WILLIAMS-SONOMA
NEWEGG
SEARS
WALMART
GAP
HP SHOPPING
99.34
99.29
99.21
99.15
99.14
99.04
99.03
98.96
98.88
98.81
98.77
98.73
98.73
98.63
98.60
SEPTIEMBRE 01, 2013 - OCTUBRE 01, 2013 0:00 MEDIANOCHE (GMT -04:00) CAMBIOS DE HORARIO DEL ESTE
VELOCIDAD DE CARGA DE LOS SITIOS DE VENTA DE LAS EMPREAS MÁS IMPORTANTES DE EE.UU.
RANKING SITIO RANKING SITIOTIEMPO RESPUESTA [ s ] DISPONIBILIDAD [ % ]
TIEMPO DE RESPUESTA DISPONIBILIDAD
PERCEPCIÓN REALIDAD
VS
los prefiere rapiditos...Speedy (SEO) Gonzales
CARGA DE UNAPAGINA WEB
APASOPASO
1 2 3 4 5 6 7 8
PETICIÓN
DNSLOOKUP
CONEXIÓN
RESPUESTA
DESCARGAHTML
PARSEOARMADO DOM
DESCARGAEXTRAS(CSS, IMAGENESFUENTES, JS, ETC)
RENDER
SERV
IDO
R
RED
ES
CACH
E
PETI
CIO
NES
PESO
SUBI
DA
S
PESO
DES
CARG
AS
REN
DER
IZA
DO
SERV
IDO
R
- HOSTING
- SERVIDOR
- PROGRAMACIÓN / BASE DE DATOS
RED
ES
- LATENCIA & CDN
LOCALIZACIÓN
PÚBLICO OBJETIVO
CACH
E
- PHP VS HTML
- ETAGS
PETI
CIO
NES
- CONSULTAS DNS (DNS LOOKUP)
- HTTPS
- REDIRECCIONES
- ERRORES 404
- PETICIONES PARALELAS
- REDUCCIÓN PETICIONES
- FONTS
- IMAGENES SPRITE CSS
- HTML DATA-EMBEDED
- COMBINACIÓN Y MINIFICACIÓN
- ARRIBA CSS / ABAJO JS
PESO
SUBI
DA
S
- DOMINIOS SIN COOKIES
PESO
DES
CARG
AS
- COMPRESIÓN GZIP
- COOKIES / HTML 5 STORAGE
- OPTIMIZACIÓN IMÁGENES
- FRAMEWORKS, PLUGINS…
REN
DER
IZA
DO- ARRIBA CSS / ABAJO JS
- CARGA ASINCRÓNICA O DIFERIDA
- PLUGINS REDES SOCIALES
http://www.google.com/analytics/
https://developers.google.com/speed/pagespeed/optimization
http://www.webpagetest.org/
http://loadimpact.com
http://www.webpagetest.org/
http://gtmetrix.com/
https://github.com/yahoo/boomerang/ (BoomerangJS)
HERRAMIENTAS
Cache: W3 Total Cache / WP Super Cache / Quick Cache
Compresión: WP HTTP Compression
Combinación / Minificación: WP Minify
Reducir peticiones HTTP: JS and CSS Optimiser
Reducir tamaño de imágenes: WP-Smush.it
Optimización de BDs: WP-DB Manager
Verificador de performance de Plugins: P3 Performance Profiler
Cambiar el órden de los plugins: Plugin Organizer
Paralelizar descarga de archivos: WP Parallel Loading System
HERRAMIENTAS
POR DONDECOMENZAR
http://developer.yahoo.com/performance/rules.html
https://developers.google.com/speed/docs/best-practices/rules_intro
20%esfuerzo
80%resultados
