猿站网:Web前端优化之站点

1. 尽量防止 HTTP 允诺 (Make Fewer HTTP Requests) 做为第两条,可能将也是最重要的两条。依照 Yahoo! 科学研究项目组的统计数据挖掘,有非常大一小部分采用者出访会即使这两条而获得最小受惠。有三种常用的方式能二要增加 HTTP 允诺:

1) 分拆文档,比如说把数个 CSS 文档制备一个;

Gulp,Grunt 构筑辅助工具: 分拆CSS, 分拆JS, CSS&JS填充 实用性文件

2) CSS Sprites 相片恶魔。借助 CSS background 有关原素进行左上方当然功能定位;参看:CSS Sprites: Image Slicing’s Kiss of Death

3) 影像世界地图 绘图分拆 imageMap http://www.image-maps.com/

4) H55N绘图 采用 data: URL scheme 在前述的网页内嵌影像统计数据. base64

2 增加 DNS 搜寻 (Reduce DNS Lookups); DNS 搜寻的开支是非常大的 domain name search bootstrap.com/bootstrap.css 1. 采用邻近地区天然资源 2.采用高能CDN

3. 防止链接 (Avoid Redirects); 301

并非当然的防止,尽量防止。除此之外,假如特别注意许多无谓的链接。比如说对 Web 公交站点LBA的前面加进个 / (Slash) ,就能有效率防止一场链接。http://www.dbanotes.net/arch 与 http://www.dbanotes.net/arch/ 两者之间是有差别的。假如是 Apache 伺服器,透过实用性 Alias 或mod_rewrite 或者 DirectorySlash 能消解这个难题。

4 .使 Ajax 可内存 (Make Ajax Cacheable) 响应时间对 Ajax 而言非常重要,不然采用者新体验当然好不出这儿去。提升响应时间的有效率方式就是 Cache 。其他的许多强化准则对这两条也是有效率的。memecache, manifest

5. 延后写入模块 (Post-load Components) lazyload.js %猿站网:Web前端优化之站点-猿站网-插图 $.ajax.load()

6. 预写入模块 (Preload Components) require.js

7. 增加 DOM 原素数量 (Reduce the Number of DOM Elements)

8. 切分模块到数个域 (Split Components Across Domains) 主要的目的是提升网页模块并行下载能力。但不要跨太多域名,不然就和第二条有些冲突了。

9. 最小化 iframe 的数量 (Minimize the Number of iframes) 熟悉 SEO 的朋友知道 iframe 是 SEO 的大忌。针对后端强化而言 iframe 有其好处,也有其弊端,一分为二看难题吧。 ERP OA内部系统 iframe

10. 杜绝 http 404 错误 (No 404s) 对网页链接的充分测试加上对 Web 伺服器 error 日志的不断跟踪能有效率增加 404 错误,亦能提升采用者新体验。值得一提的是,CSS 与 Java Script 引起的 404 错误即使功能定位稍稍”难”一点而往往容易被忽略。

1). 杜绝所有网站现有的链接的404

2).自定义404网页,提醒采用者,出访的网页不存在,并自动跳转至有效率网页,比如说说首页。 http://tool.chinaz.com/Links

总结WEB后端强化:公交站点尽量防止HTTP允诺;分拆文档;增加 DNS 搜寻;防止链接;使 Ajax 可内存;延后写入模块;预写入模块;增加 DOM原素数量;切分模块到数个域;杜绝 http 404 错误;最小化 iframe 的数量。

建站知识

小知识:CSS常见问题集合

2022-5-24 20:18:52

建站知识

猿站网:css跨浏览器兼容性解决方案

2022-5-24 20:29:07

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索