UN SITIO WEB FÓRMULA 1 - DonWeb · FÓRMULA 1. POR QUÉ ES IMPORTANTE "BLINK TEST" 3SEG. 50% 25% 2...
Transcript of UN SITIO WEB FÓRMULA 1 - DonWeb · FÓRMULA 1. POR QUÉ ES IMPORTANTE "BLINK TEST" 3SEG. 50% 25% 2...
![Page 1: UN SITIO WEB FÓRMULA 1 - DonWeb · FÓ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](https://reader033.fdocuments.net/reader033/viewer/2022051408/600a86befee57a49cc79e46e/html5/thumbnails/1.jpg)
OPTIMIZANDO NUESTRO SITIO WEB PARA GANAR.
UN SITIO WEBFÓRMULA 1
![Page 2: UN SITIO WEB FÓRMULA 1 - DonWeb · FÓ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](https://reader033.fdocuments.net/reader033/viewer/2022051408/600a86befee57a49cc79e46e/html5/thumbnails/2.jpg)
POR QUÉ ES IMPORTANTE
![Page 3: UN SITIO WEB FÓRMULA 1 - DonWeb · FÓ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](https://reader033.fdocuments.net/reader033/viewer/2022051408/600a86befee57a49cc79e46e/html5/thumbnails/3.jpg)
"BLINK TEST"
3SEG
![Page 4: UN SITIO WEB FÓRMULA 1 - DonWeb · FÓ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](https://reader033.fdocuments.net/reader033/viewer/2022051408/600a86befee57a49cc79e46e/html5/thumbnails/4.jpg)
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!
![Page 5: UN SITIO WEB FÓRMULA 1 - DonWeb · FÓ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](https://reader033.fdocuments.net/reader033/viewer/2022051408/600a86befee57a49cc79e46e/html5/thumbnails/5.jpg)
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 [%]
![Page 6: UN SITIO WEB FÓRMULA 1 - DonWeb · FÓ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](https://reader033.fdocuments.net/reader033/viewer/2022051408/600a86befee57a49cc79e46e/html5/thumbnails/6.jpg)
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
![Page 7: UN SITIO WEB FÓRMULA 1 - DonWeb · FÓ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](https://reader033.fdocuments.net/reader033/viewer/2022051408/600a86befee57a49cc79e46e/html5/thumbnails/7.jpg)
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
![Page 8: UN SITIO WEB FÓRMULA 1 - DonWeb · FÓ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](https://reader033.fdocuments.net/reader033/viewer/2022051408/600a86befee57a49cc79e46e/html5/thumbnails/8.jpg)
PERCEPCIÓN REALIDAD
VS
![Page 9: UN SITIO WEB FÓRMULA 1 - DonWeb · FÓ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](https://reader033.fdocuments.net/reader033/viewer/2022051408/600a86befee57a49cc79e46e/html5/thumbnails/9.jpg)
los prefiere rapiditos...Speedy (SEO) Gonzales
![Page 10: UN SITIO WEB FÓRMULA 1 - DonWeb · FÓ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](https://reader033.fdocuments.net/reader033/viewer/2022051408/600a86befee57a49cc79e46e/html5/thumbnails/10.jpg)
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
![Page 11: UN SITIO WEB FÓRMULA 1 - DonWeb · FÓ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](https://reader033.fdocuments.net/reader033/viewer/2022051408/600a86befee57a49cc79e46e/html5/thumbnails/11.jpg)
SERV
IDO
R
RED
ES
CACH
E
PETI
CIO
NES
PESO
SUBI
DA
S
PESO
DES
CARG
AS
REN
DER
IZA
DO
![Page 12: UN SITIO WEB FÓRMULA 1 - DonWeb · FÓ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](https://reader033.fdocuments.net/reader033/viewer/2022051408/600a86befee57a49cc79e46e/html5/thumbnails/12.jpg)
SERV
IDO
R
- HOSTING
- SERVIDOR
- PROGRAMACIÓN / BASE DE DATOS
![Page 13: UN SITIO WEB FÓRMULA 1 - DonWeb · FÓ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](https://reader033.fdocuments.net/reader033/viewer/2022051408/600a86befee57a49cc79e46e/html5/thumbnails/13.jpg)
RED
ES
- LATENCIA & CDN
LOCALIZACIÓN
PÚBLICO OBJETIVO
![Page 14: UN SITIO WEB FÓRMULA 1 - DonWeb · FÓ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](https://reader033.fdocuments.net/reader033/viewer/2022051408/600a86befee57a49cc79e46e/html5/thumbnails/14.jpg)
CACH
E
- PHP VS HTML
- ETAGS
![Page 15: UN SITIO WEB FÓRMULA 1 - DonWeb · FÓ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](https://reader033.fdocuments.net/reader033/viewer/2022051408/600a86befee57a49cc79e46e/html5/thumbnails/15.jpg)
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
![Page 16: UN SITIO WEB FÓRMULA 1 - DonWeb · FÓ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](https://reader033.fdocuments.net/reader033/viewer/2022051408/600a86befee57a49cc79e46e/html5/thumbnails/16.jpg)
PESO
SUBI
DA
S
- DOMINIOS SIN COOKIES
![Page 17: UN SITIO WEB FÓRMULA 1 - DonWeb · FÓ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](https://reader033.fdocuments.net/reader033/viewer/2022051408/600a86befee57a49cc79e46e/html5/thumbnails/17.jpg)
PESO
DES
CARG
AS
- COMPRESIÓN GZIP
- COOKIES / HTML 5 STORAGE
- OPTIMIZACIÓN IMÁGENES
- FRAMEWORKS, PLUGINS…
![Page 18: UN SITIO WEB FÓRMULA 1 - DonWeb · FÓ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](https://reader033.fdocuments.net/reader033/viewer/2022051408/600a86befee57a49cc79e46e/html5/thumbnails/18.jpg)
REN
DER
IZA
DO- ARRIBA CSS / ABAJO JS
- CARGA ASINCRÓNICA O DIFERIDA
- PLUGINS REDES SOCIALES
![Page 19: UN SITIO WEB FÓRMULA 1 - DonWeb · FÓ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](https://reader033.fdocuments.net/reader033/viewer/2022051408/600a86befee57a49cc79e46e/html5/thumbnails/19.jpg)
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
![Page 20: UN SITIO WEB FÓRMULA 1 - DonWeb · FÓ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](https://reader033.fdocuments.net/reader033/viewer/2022051408/600a86befee57a49cc79e46e/html5/thumbnails/20.jpg)
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
![Page 21: UN SITIO WEB FÓRMULA 1 - DonWeb · FÓ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](https://reader033.fdocuments.net/reader033/viewer/2022051408/600a86befee57a49cc79e46e/html5/thumbnails/21.jpg)
POR DONDECOMENZAR
http://developer.yahoo.com/performance/rules.html
https://developers.google.com/speed/docs/best-practices/rules_intro
20%esfuerzo
80%resultados