Calificación:
  • 0 voto(s) - 0 Media
  • 1
  • 2
  • 3
  • 4
  • 5

¿Cómo se combinan los archivos .JS?
#1

Hola de nuevo comunidad,

Aquí estoy peleándome con la optimización On-Page de un blog en wordpress.

Apeló a vuestra sabiduría infinita, para saber como puedo combinar 21 archivos javascript de forma manual o con algún plugin.

Mil gracias de antemano y no os olvidéis de votar!
Responder
#2

pues te diría, ve abriendolos con un editor tipo bloc de notas, pspad.... y los haces copy&paste. Yo uando he querido juntar varios js en uno lo he hecho asi sin problemas. Eso si, con lo que no lo he hecho nunca ha sido con los frameworks ni nada de eso, solo con los trozos de codigo y js que se pillan de aqui y de alli Sonrisa

otra opcion (pero perfiero la anterior) es buscar algun plguin que lo haga. Me suena que w3 cache hace algo de eso. El problema es que esa opcion supongo que cargará el server y podria ralentizar la web, e incluso provocar incompatibilidades (no es lo mimso que se junten todos de forma automatica que el que lo hagas a mano, que si ves que uno da problema, pues ese no lo unes y punto).

[Imagen: banner-acelerar-wp.jpg]
Responder
#3

Silvia77 ¿Podrías poner algún ejemplo aquí de cómo lo haces?
Responder
#4

Buenas, yo lo he hecho con el w3. Lo único que hay que probar mucho o saber bien como los juntas.

antes de activar el minify js en w3 debes saber como detectar esos errores. Para detectar esos errores necesitas usar Firefox o Chrome como navegador. Si no usas algunos de estos navegadores, no actives el Minify para JS.

Accede a la página Minify del plugin, activalo para JS y purga todos los caches.

Ahora debes acceder a tu web y abrir la consola JavaScript, para ver si hay errores: Si estas usando Chrome abre el menu Ver, selecciona Opciones para desarrolladores y dale a Consola JavaScript. Si estas usando Firefox abre el menu Herramienta, selecciona Desarrollador web y pincha sobre Consola del navegador.

Una vez tienes la consola abierta, recarga alguna página de tu web y mira si salen errores en la consola.

Si salen errores en la consola de chrome y ves que pierdes puntuación en el website speed test de pingdom midiendo desde el principio las estadísticas de carga tendrás que variar la manera de comprimirlos.

Gandalfelnegro, orgulloso de ser un miembro de Foro Black Hat SEO desde May 2014.
Responder
#5

Hola de nuevo, perdonar por la demora. Lo voy a probar y os comento algo.

Gracias por vuestra ayuda
Responder
#6

(25-05-2014, 11:19 PM)maestrodellaves escribió:  Silvia77 ¿Podrías poner algún ejemplo aquí de cómo lo haces?

euuuuh.... a qué te refieres exactamente? a cómo hago copy&paste de archivos de texto?

[Imagen: banner-acelerar-wp.jpg]
Responder
#7

Exáctamente, me refiero a si cada código comienza donde acaba el anterior </script> o haces como si fuerá un sólo código que empiece por
<script type="text/javascript">
enmedio los códigos
y termine en
</script>
Responder
#8

Una recomendación para combinar tus ficheros .JS y a la vez comprimirlo (Minify) Sonrisa, puedes usar este script de shell compressJS.sh
https://github.com/dfsq/compressJS.sh

Y tan sólo tienes que ejecutarlo:
Código:
./compressjs.sh jquery-ui-1.8.16.custom.min.js chat-widget.js templ.min.js

Canal SEO en Telegram premium
Influenet - Compra/Venta de artículos patrocinados. Sonrisa
Responder
#9

(02-06-2014, 04:54 PM)maestrodellaves escribió:  Exáctamente, me refiero a si cada código comienza donde acaba el anterior </script> o haces como si fuerá un sólo código que empiece por
<script type="text/javascript">
enmedio los códigos
y termine en
</script>

ok, ahora te sigo Sonrisa

cojo lo que haya entre <script type="text/javascript"> y </script> y lo pongo seguido (sin <script type="text/javascript"> ni </script>, solo encontendo) en un archivo nuevo con extension .js y luego lo invoco desde el head o el footer (prefiero desde el footer pero a veces no tiran bien desde ahi, no e preguntes por qué, estoy un poco peleada con javascript)

[Imagen: banner-acelerar-wp.jpg]
Responder
#10

(02-06-2014, 05:35 PM)Silvia77 escribió:  cojo lo que haya entre <script type="text/javascript"> y </script> y lo pongo seguido (sin <script type="text/javascript"> ni </script>, solo encontendo) en un archivo nuevo con extension .js y luego lo invoco desde el head o el footer (prefiero desde el footer pero a veces no tiran bien desde ahi, no e preguntes por qué, estoy un poco peleada con javascript)

Ten en cuenta que el navegador va interpretado todo conforme va leyendo el documento HTML, si quieres esperar a que interprete un javascript cuando haya cargado la web, si usas Jquery puedes envolver tu código con esto:
Código:
$(document).ready(function() {
// AQUI VA TU CODIGO JS
});

Canal SEO en Telegram premium
Influenet - Compra/Venta de artículos patrocinados. Sonrisa
Responder


Posibles temas similares…
Tema / Autor Respuestas Vistas Último mensaje
Último mensaje por eddyrmz
02-11-2017, 08:11 AM

Salto de foro:


Usuarios navegando en este tema: 1 invitado(s)
Telegram Grupo Telegram