Empresas
Empleos
  • Sobre nosotros
  • Soluciones
    • Publicación de vacantes
      Publica tu vacante y recibe candidatos calificados en 48h.
    • Evaluación de candidatos
      500+ pruebas técnicas y psicológicas, más anti-fraude.
    • Headhunting
      Búsqueda ejecutiva a la medida de principio a fin.
    • Nómina + EOR
      Dispersión de nómina y EOR en más de 15 países de LATAM.
  • Precios
  • Empleos

0

189
Vistas
Wordpress: ¿trabaje con archivos separados (php, css y js) o combínelos todos en un solo archivo?

Estoy trabajando en mi sitio web de wordpress y quiero mantener una cantidad muy baja de complementos. Así que solo escribo los códigos que necesito. Me preguntaba cuál es la mejor práctica para trabajar con archivos php, css y javascript. Lo explicaré...

En lo que a mi conocimiento se refiere, creo que solo hay dos opciones para organizar archivos:

  1. Escriba archivos con extensiones separadas (css, js y php) e incluya css y js dentro del archivo php.

  2. Escriba solo el archivo php y colóquelo en código puro js y css.

Aquí hay un código relacionado con las opciones para aclarar aún más lo que quiero decir. ¿Cuál de las dos opciones es más práctica y segura? ¿También puede haber algún impacto en el rendimiento o en la carga de la página?

Opciones 1 : css y js separados que se incluyen dentro de los archivos php, en este caso, css y js se encuentran en un directorio específico como archivos separados.

 <?php /* My custom Template */ ?><link href="https://mywebsite.it/wp-content/themes/theme-child/assets/my_custom.css" rel="stylesheet" type="text/css" ><?php ?><script type="text/javascript" src="https://mywebsite.it/wp-content/themes/theme-child/assets/my_custom.js" defer></script><?php defined( 'ABSPATH' ) || exit; <form class="my-form" action="" method="post"> My form content php code... <fomr/>

Opciones 2 : escriba css y js directamente en el archivo php, en este caso, como puede ver, escribo el código css y js directamente en el archivo php.

 <?php /* My custom Template */ <style type="text/css"> My css Content here </style> defined( 'ABSPATH' ) || exit; <form class="my-form" action="" method="post"> My form content php code... <fomr/> <script> My js Content here </script>
about 4 years ago · Juan Pablo Isaza
1 Respuestas
Responde la pregunta

0

La opción 1 sería el método aceptado si está codificando todo usted mismo. Sin embargo, tendrá un impacto en el rendimiento debido a que ralentiza el procesamiento de la página. Si planea cargar solo scripts y estilos en las páginas necesarias, compensaría el impacto en el rendimiento.

Personalmente, cargo secuencias de comandos en cola en las páginas en las que solo las necesito y no alineo nada, solo asegúrese de usar un complemento de buen rendimiento como WP Rocket o Asset Cleanup, son muy buenos para minimizar el impacto en el rendimiento y también tienen buenas características para pre cargando fuentes, integrando CDN, etc.

Por último, una buena decisión sobre la minimización de complementos, menos es mejor.

Editar: Sin embargo, usaría este complemento para cargar scripts personalizados, tiene control condicional solo para cargar scripts en ciertas páginas, un poco más de control y es bastante ligero: https://en-gb.wordpress.org/plugins/custom-css-js /

about 4 years ago · Juan Pablo Isaza Denunciar
Responde la pregunta
Encuentra empleos remotos

¡Descubre la nueva forma de encontrar empleo!

Top de empleos
Top categorías de empleo
Empresas
Publicar vacante Precios Comercial
Legal
Términos y condiciones Política de privacidad
© 2026 PeakU Inc. All Rights Reserved.
Andres GPT
Recomiéndame algunas ofertas
Necesito ayuda