Web开发中javascript优化策略
来源:互联网 发布:富特文格勒 知乎 编辑:程序博客网 时间:2024/06/12 23:12
1. 由于脚本会阻塞页面其他资源的下载,因此推荐将所有的<script>标签尽可能放到<body>标签的底部,以尽量减少对整个页面下载的影响。
2. 一段内嵌脚本放在引用外链样式表的<link>标签之后会导致页面阻塞去等待样式表的下载。这样做是为了确保内嵌脚本在执行时能获得最准确的样式信息。因此永远不要把内嵌脚本紧跟在<link>标签后面。
3.HTTP请求会带来额外的性能开销,因此下载单个的100KB文件要比下载4个25KB的文件更快,也就是说,减少页面中外链脚本文件的数量将会改善性能。(较大的javascript文件除外)
4.在<script>标签中使用defer属性:<script type="text/javascript" src = "file1.js" defer></script> 。defer属性指明本元素所含的脚本不会修改DOM,因此代码能安全地延迟执行。IE4+和Firefox 3.5+的浏览器支持。
5.动态加载脚本
function loadScript(url, callback) { var script = document.createElement("script") script.type="text/javascript"; if (script.readyState) { scirpt.onreadystatechange = function() { if (script.readyState == "loaded" || script.readyState == "complete"){ script.onreadystatechange = null; callback(); } };} else { script.onload = function() { callback(); }; } scirpt.src = url; document.getElementsByTagName("head")[0].appendChild(script);}
0 0
- Web开发中javascript优化策略
- javascript优化策略
- web应用优化策略-前端
- WEB应用性能优化策略
- Web前端性能优化策略
- javascript优化策略 技巧一
- javascript优化策略 技巧二
- javascript优化策略 技巧二
- web开发中常用的javascript
- Hybrid开发的优化策略
- LAMP架构下的Web开发概念、流程及优化策略
- 优化 Web 报表的关键策略
- 优化 Web 报表的关键策略
- Web服务器Nginx多方位优化策略
- web前端图片极限优化策略
- web前端图片极限优化策略
- 【web性能优化】之一:反爬虫策略
- web前端图片极限优化策略
- jquery easyui 弹出消息框
- IOS学习 IOS7新增估算代理
- cocos2dx中地图拖拽(任意方向拖拽+固定方向拖拽)
- 数据驱动编程
- 依兰县银屑病医院在什么地方
- Web开发中javascript优化策略
- GCC参数详解
- JVM调优-计算活跃数据大小
- 谈谈log4net的使用
- 从最大似然到EM算法浅解
- 使用相对路径读取文件
- 5段SQL可以测试出你对SQL性能优化知识了解多少
- JavaBean的详细及引用
- 最大和子串