怎样把网站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 条评论
登录 后参与评论

相关文章

来自专栏腾讯移动品质中心TMQ的专栏

从Java乱码谈起

在实际项目开发中,特别是涉及到中文输入输出的时候,大家肯定都被各种乱码问题坑过。如果遇到复杂的系统,为了乱码问题折腾几天也不是不可能。

3146
来自专栏北京马哥教育

大神带你 20 分钟学会 Ansible !

2352
来自专栏张善友的专栏

Dotnet 2.0配置系统

今天使用VS2005开发一个Windows服务,发现dotnet2.0的配置系统相对于1.x的功能变化很大。记录下来同各位共享。 .NET Framework ...

1856
来自专栏技术墨客

Hazelcast集群服务(2)——Hazelcast基本配置

    在入门及使用案例一文介绍了什么是Hazelcast,并展示了一个简单的使用例子。原理大家都懂了,后面的篇章会给兄弟们更多干货。

743
来自专栏程序猿

Burp Suite进阶之十四节:数据查找和拓展功能的使用

通过基础部分的学习,我们对BurpSuite的基本使用已经非常熟悉,从这一章开始,我们进入BurpSuite高级功能的使用。 ...

3299
来自专栏向治洪

ThinkJS 简介

简介 最近几年,前端技术呈现出突飞猛进的发展,涌现出了一大批优秀的前端框架,今天给大家带来的就是基于node的一款优秀的优秀的前端框架。之前一直用Express...

2969
来自专栏xingoo, 一个梦想做发明家的程序员

Oozie分布式工作流——Action节点

前篇讲述了下什么是流控制节点,本篇继续来说一下什么是 Action Nodes操作节点。Action节点有一些比较通用的特性: Action节点是远程的 ...

1746
来自专栏xingoo, 一个梦想做发明家的程序员

Elasticsearch —— bulk批量导入数据

在使用Elasticsearch的时候,一定会遇到这种场景——希望批量的导入数据,而不是一条一条的手动导入。那么此时,就一定会需要bulk命令! 更多内容参...

1868
来自专栏A周立SpringCloud

Config Server——配置内容的加密与解密 详解

我们在Git仓库中存储的都是明文,但在很多场景下,某些敏感的配置内容(例如数据库账号、密码),应当被加密存储以提高安全性。Config Server为配置内容的...

3236
来自专栏性能与架构

UNIX哲学及其实现

KEEP IT SIMPLE , STUPID ! "保持简单和笨拙" -- 尽量用简单的方法解决问题,是Unix哲学的根本原则 这种哲学信奉的是: 工具应...

2695

扫描关注云+社区