现在的位置:首页>网站SEO>正文

网站使用PHP代码自动合并多个JavaScript文件

2016年06月28日 ⁄ 共 1173字 评论 1 条

关于合并JS代码,部落之前介绍过好几篇相关的文章,这里刚刚看到一个使用PHP代码自动合并多个JavaScript文件的方法,对于新手站长来说,相当不错,通过合JS文件,可以有效地提高网站的打开速度,当然,也可以使用相同的方法来合并网站的CSS样式文件.

如果你制作的网站中,需要引入大量的 CSS 和 JS 文件,会导致多个请求拖慢加载的速度,而且不利于管理.合并之后,可以有效减少数据的请求次数.

PHP代码自动合并JS

1.将下边的代码保存成一个文件,然后放到存储js文件的目录,代码内容如下:

  1. <?php
  2. /**
  3.     *JavaScript 合并压缩
  4.     *http://www.mfbuluo.com/
  5. */
  6. header( 'Content-type: application/javascript' );
  7. foreachglob( '*.js' ) as $file ){
  8.     include$file );
  9.     echo "\n";
  10. }

2.然后在引入js文件的时候只需要引入这一个 PHP 文件,它会自动把所在目录的所有js全部合并到一起.

这里部落需要提示一下,JavaScript 有可能会有引入顺序的要求,这样就手动引入文件来调整顺序,如下:

  1. <?php
  2. /**
  3.     *JavaScript 合并压缩
  4.     *http://www.mfbuluo.com/
  5. */
  6. header( 'Content-type: application/javascript' );
  7. include( 'jquery.min.js' );
  8. include( 'jquery.ui.min.js' );
  9. include( 'nprogress.js' );
  10. include( 'base.js' );

到这里,我们的JS文件就已经合并成功了.

CSS 合并

其实正常来说,我们的CSS文件,手动复制然后粘贴到一个文件中即可.当然,也可以采用下面的方法来合并.原理和上面的一样.

将下边的代码保存成一个文件,然后放到存储 CSS 文件的目录:

  1. /**
  2.     *CSS 合并压缩
  3.     *http://www.mfbuluo.com/
  4. */
  5. header( 'Content-type: text/css' );
  6. foreachglob( '*.css' ) as $file ){
  7.     include$file );
  8.     echo "\n";
  9. }

然后在引入 CSS 的时候只需要引入这一个 PHP 文件,它会自动把所在目录的所有 CSS 全部合并到一起.

 

 

小结

这个方法来源自网络,由免费部落整理发布.

评论 1 条 评论内容很精采,有内幕,而且绝对有干货

  1. 我爱动感单车网 2016年07月12日 13:39  @回复  Δ-49楼 回复

    方法,真棒!

给我留言