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

GRACIAS POR TU TIEMPO

Diego VitaliMarketing Manager

diego.vitali@donweb.com