怎样把网站js文件合并成一个?几种方法可以实现

  我们在建网站时经常会用js特效代码以使页面更美观,比如js幻灯片代码、js下拉菜单等,但是网页特效一多,如果js文件没有合并的话会降低网站的性能,这时我们就要考虑合并js文件了,ytkah总结了以下几种方法可以实现:

  1.把不输出(没有document.write)的公共函数合到一起,如果单纯地把两个js文件内容copy到一起可能会出错

  2.新建一个import.js文件,把所有的js文件全部写进去

with(document){
write('<script type="text/javascript" language="javascript" src="/1.js"></script>');
write('<script type="text/javascript" language="javascript" src="/2.js"></script>');
write('<script type="text/javascript" language="javascript" src="/3.js"></script>');
} 

  但是这种方法虽然代码精简了,而实际上却也要加载这些js文件,所以不算适用。

  3.采用异步加载(页面加载后)不太重要的JS文档

  4.将JS文档放到多个网站上,可实现同步加载多个JS。如a.com/1.js、 b.com/2.js ,但这种如果其中一个网站出问题,那么页面加载将会很缓慢。

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏Vamei实验室

树莓派:最好的安排

作者:Vamei 出处:http://www.cnblogs.com/vamei 严禁转载。

1143
来自专栏哲学驱动设计

091023 T GIX4 项目中的 智能部署 和 智能客户端

先说一下ClickOnce的使用方法: 先给一个要发布的工程设置安全和签名。然后发布到iis中。当用户访问该iis目录下的.application文件时,就会自...

1787
来自专栏ytkah

如何将finecms链接URL中的list和show去掉

  finecms上手还算比较快吧,对seo关注的朋友会想着将它的url改造了,里面多了-list-和-show-,可以直接去掉,下面就随着ytkah一起来进行...

2716
来自专栏Coding01

使用 Docker 搭建简易的 Java Web 环境 (二)

从《从最简单的入手学习 Docker (一)》一文中,可以简单的了解 Docker 的使用,这篇文章将再次重温下 Docker 的使用。

1043
来自专栏linux驱动个人学习

uboot各种目录下的文件作用

uboot下载地址:http://ftp.denx.de/pub/u-boot/ 1、目录分布 ? 2、目录结构变化: u-boot-2010.03及以前版本 ...

2844
来自专栏圣杰的专栏

Hello Docker

Docker: Build, Ship, and Run Any App, Anywhere 在任何地方构建、交付和运行任何应用 1. 引言 最近简单的学...

2239
来自专栏CodeSheep的技术分享

Docker Swarm集群初探

相信Docker技术大家都有所了解,单个Docker能发挥的作用毕竟有限,也不便于管理,所以Docker得组集群来使用才能发挥强大的技术优势。既然要组集群那就涉...

53818
来自专栏FreeBuf

如何使用Burp和Magisk在Android 7.0监测HTTPS流量

在任何环境下的移动端安全审计中,肯定都会涉及到拦截HTTPS流量。通过向Android应用添加自定义的CA,我们就可以轻松完成HTTPS流量拦截了。但是对于A...

21110
来自专栏Vamei实验室

树莓派:最好的安排

作者:Vamei 出处:http://www.cnblogs.com/vamei 严禁转载。

672
来自专栏大眼瞪小眼

Java-Swing中使用Web富文本编辑器

开始看到这个需求,也没有什么想法感觉还好,于是百度、谷歌了一堆东西。首先百度Java swing的富文本编辑器组件,虽然确实找到了几个组件但是都是很老的版本,而...

1215

扫码关注云+社区