网站优化之javascript篇

一>
       加载外部脚步放在底部。(尽管脚本下载之间互相阻塞, 但页面己经下载完成并且显示在用户面前了)
二>
       多个外部脚本合并为一个外部脚本。(下载一个 100KB 的文件比下载四个 25KB 的文件要快)
三>
       减少<script>标签总数。 (每个<script>标签下载时阻塞页面解析过程)
四>
      用“联合句柄”URL。在雅虎邮箱上见过,内部如何实现我也不清楚。
      http://yui.yahooapis.com/combo?2.7.0/build/yahoo/yahoo-min.js&2.7.0/build/event/event-min.js

(这些文件在服务器上是两个分离的文件, 但是当服务器收到此 URL 请求时,两个文件将被合并在一起返回给客户端)

五> 减少HTTP 请求

六> <script type="text/javascript" src="file1.js" defer></script>
(
<script>标签定义了一个扩展属性: defer。 这个 defer 属性指明元素中所包含的脚本不打算修改 DOM, 因此代码可以稍后执行。)

只有很少的浏览器支持 详询

http://www.w3school.com.cn/tags/att_script_defer.asp

七>

异步加载外部script , 必须是不立即执行的 JavaScript 代码

<script type="text/javascript">
        var xhr = new XMLHttpRequest();
        xhr.open("get", "../../Scripts/js/file1.js", true);
        xhr.onreadystatechange = function () {
            if (xhr.readyState == 4) {
                if (xhr.status >= 200 && xhr.status < 300 || xhr.status == 304) {
                    var script = document.createElement("script");
                    script.type = "text/javascript";
                    script.text = xhr.responseText;
                    document.body.appendChild(script);
                }
            }
        };
        xhr.send(null)
    </script>

八>       js 操作变量速度  值类型var > 数组Array > object

九>     作用域链影响性能。局部变量的访问边度总是最快的, 而全局变量通常是最慢的。

时间: 2024-10-12 14:17:34

网站优化之javascript篇的相关文章

移动端网站优化指南-WAP篇

转载:http://seofangfa.com/mobile-seo/mobile-seo-guide.html 1.域名优化:启用短域名,例如:m.abc.com,便于用户记忆,方便搜索蜘蛛查找,减少资源的浪费. 2.页面及适配优化:运用xhtml.html5.wml等技术.做好网页对设备适配,并且针对PC端网站做响应式设计开发,不同的网站适配不同的机型,并且用302重定向到相对应的机型.对不同的移动端网页做好适配声明,大型网站建议自己来做适配.http://zhanzhang.baidu.c

ASP.NET MVC 3 网站优化总结(一) 使用 Gzip 压缩

网站开启 Gzip 压缩的好处相信很多人都已经清楚,这样做可以提高网站的性能.那么为什么很多网站没有开启 Gzip 压缩功能呢?原因有4点:防病毒软件.浏览器 bug.网站代理和服务器未配置. 使用 IE6 时不会发送 Accept-Encoding 请求头,这样就不支持 Gzip 压缩功能了,所以这里号召大家使用 Google Chrome.在 ASP.NET MVC 3 中我们通过实现 ActionFilter 来实现,如下: public class CompressAttribute :

打造网络营销利器-第1篇-TDK设置实操-网站优化进阶

网络营销如何做,才能从网络挖掘出大量的新业务?互联网时代你还停留于没业务就扩充销售队伍的思想,你就OUT了! 本系列文章将用通俗的语言介绍网站运营大牛们的惯用手法,网站SEO并没有你们想象那么难!重点是了解并坚持去做! 上一篇文章<中小企业网站优化技巧-1-网站的TDK>介绍了网站的TDK是什么(标题.描述.关键词),那么本文,将以具体产品为例介绍下TDK的实际操作. 首先,登录进网站系统后台,从左边菜单栏找到产品管理==>添加产品,点击打开添加产品的页面: 然后第一步,选择您产品对应的

中小企业网站优化技巧-1-网站的TDK-每日一篇

中小型企业网站如何做,才能从网络挖掘出大量的新业务?互联网时代你还停留于没业务就扩充销售队伍的思想,你就OUT了! 本系列文章将用通俗的语言介绍网站运营大牛们的惯用手法,网站网站建设也是找网站建设公司小成本制作,甚至有的是从网上下载的通用源码.这样的情况下,中小企业主要怎样做网站优化工作才能让你的企业网站物尽其用? 一.网站的TDK 网站的TDK是什么?看起来很高大上的样子,其实很简单,T就是title,标题,D就是description,描述,K就是keywords,关键词. 简单来说,网站的

网站优化——前端部分【转】

开篇语 作为一个前端的菜鸟,总是在面试的时候被问及一些优化的问题,说实话,回答的时候总是心虚,因为确实没有真真正正做过优化对比,也不知道从何说起,今天在网上收集一些例子加以总结,日后若是开发用到,也能一一对照,把自己开发的网站做到最优化! 网站优化 一个网站的优化,前端只是很小的一部分.大到系统架构,小到页面HTML布局,无一不影响这一个网站的用户体验.由于现在知识面还比较窄,对架构方面的优化(服务器集群.业务分离.NOSQL.数据库设计.缓存设置.单点登录)理解不全面,本篇就先只总结前端的一些

静态资源文件自动压缩并替换成压缩版本(大型网站优化技术)

原文:静态资源文件自动压缩并替换成压缩版本(大型网站优化技术) 这一次,我总结和分享一项大型网站优化技术,那就是在项目中自动压缩静态资源文件(css.js),并让网站自动加载压缩后的资源文件.当然,这项技术在雅虎35条前端优化建议里也有记载,但它那只是给出一个理论的方案而已,并且采用的是外部压缩工具去压缩,而在我的项目中,是直接通过自己的程序自动化去压缩所有css.js文件,然后让页面直接加载所压缩后的资源,接下来直接进入主题. 本次实验使用的是PHP脚本语言,版本是PHP5.6,是在LINUX

网站优化——前端部分

开篇语 作为一个前端的菜鸟,总是在面试的时候被问及一些优化的问题,说实话,回答的时候总是心虚,因为确实没有真真正正做过优化对比,也不知道从何说起,今天在网上收集一些例子加以总结,日后若是开发用到,也能一一对照,把自己开发的网站做到最优化! 网站优化 一个网站的优化,前端只是很小的一部分.大到系统架构,小到页面HTML布局,无一不影响这一个网站的用户体验.由于现在知识面还比较窄,对架构方面的优化(服务器集群.业务分离.NOSQL.数据库设计.缓存设置.单点登录)理解不全面,本篇就先只总结前端的一些

学习笔记 --- 缓存、动态页面静态化、网站优化

http://www.cnblogs.com/cs_net/archive/2011/03/17/1986620.html 一.缓存 缓存(Cache)技术在软件开发过程中有着广泛的用途, 它对提升软件性能和改善客户体验有很大帮助. 所谓缓存, 是指将那些经常重复的操作结果暂时存放起来, 在以后的执行过程中, 只要使用前面的暂存结果即可. 缓存技术在日常生活中随处可见, 就拿排队买票来说吧: 买票时需要先排队, 等轮到自己了, 再告诉售票员你需要买那里的票, 售票员查询完后告诉你有还是没有. 若

简单网站优化

一.为什么要网站优化 1.1.大型网站的特点 高访问量 同时在线人数多 数据量庞大 数据操作频繁 1.2.网站性能测试指标(用户角度) 日访问量 同时在线人数 最大并发连接数 访问响应时间 1.3.网站性能个体体现 首屏时间:一个网站被浏览器上部,800*600区域充满所需要的时间 网页访问可用性:用户访问网页的成功率. DNS时间:浏览器将地址发送给DNS服务器,DNS服务器根据地址返回IP到浏览器,浏览器得到IP地址,此为DNS时间 建立连接时间:包含DNS时间后,浏览器重到IP地址后,再将