Como usar Dropbox como CDN (Wordpress)

Estado
No está abierto para más respuestas.

Pablo de Valdivia

Zafiro
Usuario de Bronce
Mensajes
2,102
Puntuación de reacción
0
Bueno, ante todo no sabía si poner aquí el tutorial... Pero como se trata de una optimización para la velocidad de carga y, por ende, optimización de cara a Google creo que he elegido un buen sitio...

Para los que aún no os habéis enterado que son los CDN. Los CDN son servicios que de algún modo te "prestan" sus servidores para que cargues los archivos de tu blog desde ellos, aligerando así la carga de tu servidores y mejorando la velocidad de carga de tu blog haciendo que Google te vea con mejores ojos después del zoológico de actualizaciones de Google...

Hay dos tipos, gratis y de pago. Yo soy muy tacaño así que siempre ando buscando las opciones gratis, pero cada una de las opcines gratis tiene sus pros y sus contras así que al final me he decantado por usar mi cuenta Dropbox como mi propio CDN. Gratis, sencillo y para toda la familia.

PASO 1:

¿Que es lo primero? Tener una cuenta de Dropbox. Con la básica de 2GB ya es suficiente. Si no tienes todavía cuenta de Dropbox te dejo el enlace para que te hagas una:

¡Oh! ¡Gracias pikar0 por este tutorial! - Mi enlace de referido para que me lo agradezcas: Dropbox - You're invited to join Dropbox!
Que te den por culo pikar0, yo vivo al limite así que paso de referidos - Pues aquí el enlace para registrarte por libre: Dropbox

Ahora tendrás que instalar Dropbox en tu ordenador, lo podrás ver directamente en la web de Dropbox cuando te registraste.


PASO 2:

Instalar el plugin "Dropbox CDN" buscándolo en los plugins o descargándolo desde la web de su autor (Dropbox CDN)


PASO 3:

En Windows verás abajo a la derecha el icono de Dropbox. Click boton derecho y le das a "Abrir carpeta de Dropbox". Ahí verás una carpeta llamada "Public". Entras y estará vacía (o a lo mejor viene algo por defecto, no me acuerdo, pero puedes borrarlo si es así)

Bien, pues ahí tienes que crear una carpeta, que va a ser donde van a ir los archivos de tu blog (NO TODOS. SIGUE ESTE TUTORIAL). Pues llamarla como quieras, pero es mejor que la llames de forma que sea facil identificarla. Yo la llamo igual que el dominio del blog a cual le estoy haciendo esto SIN LA TERMINACIÓN DEL DOMINIO. (Si lo hiciéramos para Foro20.com la llamaríamos "Foro20". Sin .com ni nada más)


PASO 4:

A esa carpeta vamos a subir todos los archivos .jpg, .gif, .js y .css (también cualquier otro archivos de imagen como puede ser .png o similares) de nuestro theme. En otras palabras, sólo los archivos indicados que se encuentren dentro de "wp-content/themes/tutheme/". CONSERVANDO LA MISMA ESTRUCTURA DE CARPETAS Y DEMÁS QUE TIENEN EN TU SERVIDOR.

Para hacer esto yo uso FileZilla para hacerlo por FTP, ya que mi hosting está en 1and1.es y su gestor de archivos es caca de la vaca. Sois libres de hacerlo como mejor os plazca.


PASO 5:

Ahora hay que indicar en el plugin cual es la carpeta pública. Bien. No vamos a Dropbox.com y entramos en nuestra cuenta. Nos dirigimos a "Public" y ahí a la carpeta donde hemos guardado todo. Seleccionamos cualquier archivo de los que hay ("Style.css" por ejemplo) y le damos a "Copiar vínculo público". Lo copiamos tal cual y nos vamos a nuestro Wordpress. "Ajustes" >> "Dropbox CDN"

Vale, ahora me mandaréis a tomar por culo porque lo único que he hecho ha sido traducir las instrucciones que ahí ponen, pero bueno, son vuestras costumbres y hay que respetarlas, xD

No, en serio. Abajo del todo podréis ver "URL to public folder" con un cajetín al lado. En el cajetín tenéis que copiar el enlace público de antes sin el archivo.

Ejemplo:

Nosotros hemos copiado: "http://dl.dropbox.com/u/xxxxxx/Foro20/style.css"
Pero en el cajetín tan sólo ponemos: "http://dl.dropbox.com/u/xxxxxx/Foro20/"

NOTA: Por si os rayáis o algo... las "xxxxxx" son número que yo he omitido para que no salgan los datos de mi cuenta. Vuestros números dejadlos tan cual, no tenéis que cambiarlos por "xxxxx" ni nada por el estilo.


PASO 6:

Justo debajo, en "Enable" seleccionáis "Yes" y guardáis los cambios. Listo, ya tenéis Dropbox como CDN y vuestros blog más rápido que antes. :)


--------------------------------------------------

EXTRA

Cuando copieis los archivos del theme del blog a la carpeta "Public" y eso del "Paso 5", por defecto se van a sincronizar con vuestro ordenador descargandose y guardandose en la carpeta Dropbox de vuestro ordenador. Esto es una chorrada ya que supongo que ya tendréis algún sistema para hacer "backups" de vuestro sitio y esto no os hace falta.

¿Como lo solucionamos? Click derecho en el icono de Dropbox en Windows abajo-derecha. Iros a la pestaña "Avanzado" y le dáis al botón "Sincronización selectiva". Ahí desmarcáis "Public" y guardáis. Listo.


PD: Se que es la cosa más sosa del mundo sin ni una imagen, pero es que realmente es tan sencillo que no hace falta, xD
 

romanwp

Estafador
Usuario de Bronce
Mensajes
2,158
Puntuación de reacción
0
Excelente tutorial gracias por compartir, les servira a muchos
 
Mensajes
164
Puntuación de reacción
0
Pero Dropbox tiene un límite de ancho de banda. Después de 1 GB de transferencia, ya no se ven las.jpeg ni .png ni .css ni nada. Luego hay que esperar dos días para que se reanude el servicio...
 

Pablo de Valdivia

Zafiro
Usuario de Bronce
Mensajes
2,102
Puntuación de reacción
0
Pero Dropbox tiene un límite de ancho de banda. Después de 1 GB de transferencia, ya no se ven las.jpeg ni .png ni .css ni nada. Luego hay que esperar dos días para que se reanude el servicio...

Eso ya no lo se.

Yo estuve usándolo en una web de 500 visitas diarias y nunca me dio problemas. Ya en webs con más visitas pues no lo se...
 

garlock

Oro Blanco
Usuario de Bronce
Mensajes
1,294
Puntuación de reacción
0
excelente el tutorial, andaba buscando algo como esto y ni cuenta de que ya estaba aqui en foro20
 
Estado
No está abierto para más respuestas.
Arriba