Contato

Em que podemos ajudar?

HC Developers
Voltar para o blog

Maneira prática de carregar CSS e JS com PHP

Fala galera, hoje venho dar uma dica simples, que pode ajudar em alguns projetos de sistemas, acredito que para usar em site não deva ajudar muito, pois vai ficar criando processamento no servidor de forma desnecessária. Leia até o final que apresento uma alternativa para fazer o mesmo sem usar PHP. Mas então vamos direto ao ponto que todos querem ver, acredito eu.

Maneira tradicional:

<link rel="stylesheet" href="//site.com.br/css/bootstrap.min.css?v=1.1">
<link rel="stylesheet" href="//site.com.br/css/painel.css?v=1.1">
<link rel="stylesheet" href="//site.com.br/css/jquery-ui/jquery-ui.min.css?v=1.1">
<link rel="stylesheet" href="//site.com.br/css/jquery-ui/jquery-ui.theme.min.css?v=1.1">
<link rel="stylesheet" href="//site.com.br/css/sweet-alert/sweet-alert.css?v=1.1">
<link rel="stylesheet" href="//site.com.br/css/owl-carousel/owl.carousel.css?v=1.1">
<link rel="stylesheet" href="//site.com.br/css/owl-carousel/owl.theme.css?v=1.1">

Dinâmico com PHP:

 <?php

 $css = array('bootstrap.min.css',
              'painel.css',
              'jquery-ui/jquery-ui.min.css',
              'jquery-ui/jquery-ui.theme.min.css',
              'sweet-alert/sweet-alert.css',
              'owl-carousel/owl.carousel.css',
              'owl-carousel/owl.theme.css');

 foreach ($css as $file) {
     echo '<link rel="stylesheet" href="' . URL . 'css/' . $file .'?v='. VERSION . '">' . "\n";
 }

 ?>

Lembrando que diferente de JavaScript o CSS é ideal ser carregado dentro do <head>. A mesma lógica pode ser usada para JS.

Bônus: Aprenda como aplicar versionamento ao CSS e JS para fugir do cache.

Hudson Carolino
Autor

Hudson Carolino