![微信](/images/icon/icon_weixin.png)
网络传播媒介服务提供商
021-62677988
海淘科技分享了14条网站性能改进的原则,单独每次读取原理,与样品。大部分的这些原则是非常实用,适合网站架构师,前端工程师。前端工程师的重要性要居于其中很多。
结构要求,等待响应需要时间,所以请求的数量,越少越好。下降的整体思路是结合资源,减少请求的数量通过根据文档的减少页面数量。
1. Image Map
通过设置usemap属性,可以使用标记标签图像分割的多个区域,来指向不同的链接。而不是使用多个形象建设链接分别减少请求的数量。
2. CSS Sprite(CSS贴图整合/贴图拼合/贴图定位)
通过设置元素background-position的css样式来设置。常用的界面图标。一个典型的可以参考以上小按钮TinyMCE编辑器。许多个小图从一个统一的大图来设置不同的偏移量分离而来,这个接口加载事实上只要请求许多按钮一次更大的(请求),从而减少HTTP请求。
3. Inline Image(内联图片)
在Inline Image的SRC的内联图像不是外部图像文件中指定的URL,但是直接的将图片信息直接的导入。如数据:SRC = " data:image/gif;base64,R0lGODlhDAAMAL...”有用在某些特殊情况下(如一个小图片仅用于当前页面)。
为你的网站提供各种线路(例如,国内电信、联通、移动),设置多个位置(北、南、西),可以快速访问所有用户。
对于一些不是频繁更新资源的(比如一个静态图片)有更长的Expires标题信息,这些资源缓存后,未来不能重复传播了很长一段时间。
使用Gzip压缩HTTP消息,减小体积,减少传输时间。
加载样式表,这个页面呈现渲染是从早期开始,给用户的感觉页面加载速度更快。
原因同5,首先,处理页面,页面渲染就可以早些时候完成,脚本逻辑执行将在后期,因此,给用户页面加载速度就会更加的快速。
不简单的JS逻辑,DOM查找,选择操作将降低处理效率。
这似乎是与合并的想法原则1相反,但事实上不是这样:考虑每一页介绍了常见的JavaScript资源(如jQuery或ExtJS JavaScript库),单在一个页面性能的情况下,内联JavaScript(嵌入HTML页面加载速度比拓展。但是如果有很多页介绍常见的JavaScript资源,所以内联的解决方案将导致重复传输(因为资源嵌入在每个页面,所以每次你打开一个页面的这一部分资源转移,导致浪费网络资源)。但是这种资源拓展参考可以解决这个问题。
1. 使用Keep-Alive保持连接
如果连接断开,然后下一个连接执行DNS查找,即使对应的域名,IP映射缓存,搜索也需要一些时间
2. 减少域名
新域名请求每次都应该要通过不同的DNS查找,DNS缓存却不能发挥作用。所以你应该试着组织网站统一域名下,避免使用太多的子域名
使用JS压缩工具压缩你的JS吧,效果使很不错的。根据jQuery两个不同的发行版本就能发现他们之间的区别:
http://code.jquery.com/jquery-1.6.2.js 阅读版jQuery代码,230KB
http://code.jquery.com/jquery-1.6.2.min.js 压缩版jQuery代码(用于实际部署),89.4KB
重定向意味着在实际访问你想看到首页加入轮额外的HTTP请求(客户端发起HTTP请求→HTTP服务器返回重定向响应→客户端对新URL发起请求→HTTP服务器返回内容,下划线部分为额外的请求),因此消耗更多的时间(也对人的感觉反应慢)。所以,除非必要,不要使用重定向。几个“必要”:
1. 避免URL失效
迁移后的旧网站,为了避免旧URL失败,往往旧URL的请求重定向到一个新系统相应的地址。
2. URL美化
可读性好的URL和实际资源URL之间的转换,比如,谷歌工具栏,用户记住http://toolbar.google.com这丰富的语义地址在人类身上,但很难记住,真正的源地址http://www.google.com/tools/firefox/toolbar/FT3/intl/en/index.html。所以有必要保持前,将被重定向到后者根据前者要求。
不要一个页面重复的使用相同的版本。B和C都依赖于一个脚本,例如,在页面中使用B和C可能存在反复的引用。解决方案,对于简单的网站依赖手动检查,消除重复的介绍,对于复杂的网站你需要 网站建设知识建立自己的版本的依赖管理/控制机制。
除了last - modified ETag是另一个HTTP缓存。由hash方法确定资源是否被修改。但是在某种程度上说还是存在一定的问题:
1. 不一致:不同的Web服务器(Apache,IIS等)ETag格式定义是不同的
2. ETag的计算是不稳定的(由于考虑过多因素),例如:
1) ETag在不同的服务器上,具有相同的资源,大型Web应用程序通常由多个服务器提供服务,这将导致服务器上的客户端缓存资源显然仍然有效,当下一次请求B被认定为失败由于不同的ETag,导致相同的重复传播资源。
2) 资源不变,是其他因素导致的变化,比如配置文件变化,使ETag的变化。直接后果是系统更新后端缓存失效,导致运输数量、网站性能下降。
Ajax是一个异步请求,异步请求将不会阻止你现在操作,当请求完成时,你可以立即看到结果。但异步不代表可以瞬时完成,也不代表可以宽容需要无限的时间完成。所以对于Ajax请求的性能也需要注意。
PHP网站源码福田网站制作设计平湖建站大芬SEO按天扣费龙岗如何制作网站福田网站建设松岗模板推广坑梓SEO按天扣费民治营销网站福永seo优化石岩网站开发同乐网络营销同乐外贸网站设计东莞网站定制南澳网络营销松岗网站seo优化福永百姓网标王光明网站开发平湖百度竞价沙井外贸网站制作木棉湾网站改版西乡网站推广系统松岗关键词按天收费罗湖网站关键词优化大运seo大芬关键词排名包年推广盐田SEO按天计费观澜营销型网站建设松岗SEO按天计费布吉网站搭建石岩网页设计歼20紧急升空逼退外机英媒称团队夜以继日筹划王妃复出草木蔓发 春山在望成都发生巨响 当地回应60岁老人炒菠菜未焯水致肾病恶化男子涉嫌走私被判11年却一天牢没坐劳斯莱斯右转逼停直行车网传落水者说“没让你救”系谣言广东通报13岁男孩性侵女童不予立案贵州小伙回应在美国卖三蹦子火了淀粉肠小王子日销售额涨超10倍有个姐真把千机伞做出来了近3万元金手镯仅含足金十克呼北高速交通事故已致14人死亡杨洋拄拐现身医院国产伟哥去年销售近13亿男子给前妻转账 现任妻子起诉要回新基金只募集到26元还是员工自购男孩疑遭霸凌 家长讨说法被踢出群充个话费竟沦为间接洗钱工具新的一天从800个哈欠开始单亲妈妈陷入热恋 14岁儿子报警#春分立蛋大挑战#中国投资客涌入日本东京买房两大学生合买彩票中奖一人不认账新加坡主帅:唯一目标击败中国队月嫂回应掌掴婴儿是在赶虫子19岁小伙救下5人后溺亡 多方发声清明节放假3天调休1天张家界的山上“长”满了韩国人?开封王婆为何火了主播靠辱骂母亲走红被批捕封号代拍被何赛飞拿着魔杖追着打阿根廷将发行1万与2万面值的纸币库克现身上海为江西彩礼“减负”的“试婚人”因自嘲式简历走红的教授更新简介殡仪馆花卉高于市场价3倍还重复用网友称在豆瓣酱里吃出老鼠头315晚会后胖东来又人满为患了网友建议重庆地铁不准乘客携带菜筐特朗普谈“凯特王妃P图照”罗斯否认插足凯特王妃婚姻青海通报栏杆断裂小学生跌落住进ICU恒大被罚41.75亿到底怎么缴湖南一县政协主席疑涉刑案被控制茶百道就改标签日期致歉王树国3次鞠躬告别西交大师生张立群任西安交通大学校长杨倩无缘巴黎奥运