做站必看的页面优化tips 速度篇

这两天一直在谈页面优化提高页面性能,以下一个小tip供参考。

1、减少页面请求数。

a、图片、外联css/js都需要向服务器请求（本地缓存除外），如果小图片很多或者外联文件很多的时候，往往花去大量的时间去发送和接收这些文件，尽量合并图片和css/js文件。

b、把相同域名的请求放在一起。

如果页面上这样引用：

<script language=”javascript” type=”text/javascript” src=”http://img.china.alibaba.com/a.js“></script>

<script language=”javascript” type=”text/javascript” src=”http://style.china.alibaba.com/b.js“></script>

<script language=”javascript” type=”text/javascript” src=”http://img.china.alibaba.com/c.js“></script>

<script language=”javascript” type=”text/javascript” src=”http://style.china.alibaba.com/d.js“></script>

注意加粗部分，应该已经看出问题在哪里了吧。

改正如下写法，页面请求会快很多：

<script language=”javascript” type=”text/javascript” src=”http://img.china.alibaba.com/a.js“></script>

<script language=”javascript” type=”text/javascript” src=”http://img.china.alibaba.com/c.js“></script>

<script language=”javascript” type=”text/javascript” src=”http://style.china.alibaba.com/b.js“></script>

<script language=”javascript” type=”text/javascript” src=”http://style.china.alibaba.com/d.js“></script>

2、提高页面渲染效率。
例如，写table的时候设置table-layout:fixed,写图片的时候设定图片的宽度和高度比让页面自己去计算宽度来的更高效。总而言之，不要给浏览器太多东西去“思考”。

3、提高js的执行效率。

例如，在js中合并数组尽量使用join(),而不是str+=””。尽量避免使用document.write等比较低效的函数。

4、优化页面url

优化页面url路径，减少url字节数，url不要埋的太深。对比以下两个路径同样是条资讯但从字节少上相差了一倍。当url数量巨大的时候，复杂、冗长的url会造成页面巨大的负担。

赞 (0)

相关推荐

  • 做站必看的页面优化tips 速度篇

    这两天一直在谈页面优化提高页面性能,以下一个小tip供参考. 1.减少页面请求数. a.图片.外联css/js都需要向服务器请求(本地缓存除外),如果小图片很多或者外联文件很多的时候,往往花去大量的时间去发送和接收这些文件,尽量合并图片和css/js文件. b.把相同域名的请求放在一起. 如果页面上这样引用: <script language="javascript" type="text/javascript" src="http://img.ch

  • 推荐一些SEO工具软件和站点,做站必备品

    SEO工具之:网站地图制作工具(xml)  很好用的网站地图工具,可以生成google xml格式的网站地图. http://www.seo165.com/download/SiteMapBuilder.zip SEO工具之:网站档案馆 网站档案馆("网站时光倒流机器"Wayback Machine) http://www.seo165.com/Search-Engine-Optimization/seo245.html SEO工具之:搜索引擎抓取页面量统计 查询被重要搜索引擎收录的页

  • 新手必看的做站月赚一万再次交流

    记得我曾经写过一篇做GOOGLE月入一万RMB提示交流,不知道有几个人看过.我说通过布局.网站类型选择.PR .版面规划等,靠GOOGLE ADSENSEN月赚一万RMB绝对是轻松的事情. 不过我估计那篇文章对新人的帮助不大.但老鸟估计会有点所得. 首先你要赚钱你的站必须要有访问量,怎么让你的站带来流量.估计困惑了很多新人.要想有流量,你必须去了解一些SEO的知识. 了解一下关键字的搜索心里.新站前提要帮百度收录你的站.你可以去百度提交(http://www.baidu.com/search/u

  • Mysql占用过高CPU时的优化手段(必看)

    Mysql占用过高CPU时的优化手段(必看)

    Mysql占用CPU过高的时候,该从哪些方面下手进行优化? 占用CPU过高,可以做如下考虑: 1)一般来讲,排除高并发的因素,还是要找到导致你CPU过高的哪几条在执行的SQL,show processlist语句,查找负荷最重的SQL语句,优化该SQL,比如适当建立某字段的索引: 2)打开慢查询日志,将那些执行时间过长且占用资源过多的SQL拿来进行explain分析,导致CPU过高,多数是GroupBy.OrderBy排序问题所导致,然后慢慢进行优化改进.比如优化insert语句.优化group

  • Redis优化经验总结(必看篇)

    内存管理优化 Redis Hash是value内部为一个HashMap,如果该Map的成员数比较少,则会采用类似一维线性的紧凑格式来存储该Map, 即省去了大量指针的内存开销,这个参数控制对应在redis.conf配置文件中下面2项: hash-max-zipmap-entries 64 hash-max-zipmap-value 512        当value这个Map内部不超过多少个成员时会采用线性紧凑格式存储,默认是64,即value内部有64个以下的成员就是使用线性紧凑存储,超过该值

  • 总结的一些PHP开发中的tips(必看篇)

    一.开发习惯和php代码 1.准确的理解各种概念.现在的新东西层出不穷,望文生义和一知半解对开发工作有害无益://比如我就碰到有人理解松散耦合(这个东西不新)的概念居然是要求代码不要有空行,否则你的程序就是"太松散"了 2.代码美观,适当的空行.缩进,空格,这样能更容易理解代码段的意思: 3.一定要写注释,而且要恰当的注释,要不然后面的维护工作或者接手代码的人会痛哭不已: 4.静态方法.类访问权限.接口.抽象类应该综合起来使用,发挥各自特点: 5.不要复制粘贴,即使是要用到现成的代码,

  • 在js代码拼接dom对象到页面上去的模板总结(必看)

    每次在js代码里面想动态的拼个dom,然后append到页面上,都是各种麻烦, 要是可以直接在jsp页面弄个隐藏的model那是很好的,用js方法里面的clone方法也是很好的,还可以给不同部分set值. 为了以后简单点,我就把模板摆着,方便后面用得着的时候,复制粘贴. function fillDialog(dataArray) { var target = $("#dialogTarget"); target.empty(); for (var i = 0; i < data

  • 浅谈Servlet转发到JSP页面的路径问题(必看)

    一.现象与概念 1. 问题 在Servlet转发到JSP页面时,此时浏览器地址栏上显示的是Servlet的路径,而若JSP页面的超链接还是相对于该JSP页面的地址且该Servlet和该JSP页面不在同一个文件夹下时,则会出现路径混乱问题. 2. 绝对路径概念 相对于contextPath(当前Web应用的上下文)的路径. 解决方案:超链接用绝对路径而不是相对路径.若/代表的是站点的根目录,在其前面加上contextPath. <a href="<%= request.getConte

  • 详解MySQL数据库优化的八种方式(经典必看)

    引言: 关于数据库优化,网上有不少资料和方法,但是不少质量参差不齐,有些总结的不够到位,内容冗杂. 偶尔发现了这篇文章,总结得很经典,文章流量也很大,所以拿到自己的总结文集中,积累优质文章,提升个人能力,希望对大家今后开发中也有帮助 1.选取最适用的字段属性 MySQL可以很好的支持大数据量的存取,但是一般说来,数据库中的表越小,在它上面执行的查询也就会越快.因此,在创建表的时候,为了获得更好的性能,我们可以将表中字段的宽度设得尽可能小. 例如,在定义邮政编码这个字段时,如果将其设置为CHAR(

  • Android 通过ViewHolder优化适配器的实现方法(必看)

    Android 通过ViewHolder优化适配器的实现方法(必看)

    Adapter类的定义: Adapter对象是AdapterView和底层数据见的桥梁.Adapter用于访问数据项,并且负责为数据项生成视图 AdapterView是一个抽象类,用于那些需要通过Adapter填充自身的视图,其常见子类是ListView.显示AdapterView时会调用Adapter的getView()方法创建并添加每个子条目的视图.Adapter的getView()方法就是用来创建这些视图的,Adapter并不会为每行数据都创建一个新视图,而是提供了回收旧视图的方法.运行机

随机推荐