《
高性能网站建设最佳实践之 内容篇》文章地址:http://www.tfxk.com/zixun/040I60142013.htm
上面两条严厉说来,都是属于异步这个思维机动应用的事儿。
5.
延迟载入组件 (Post-load Components)6. 预载入组件 (Preload Components)
熟习 SEO 的友人晓得 iframe
是 SEO 的大忌。针对前端优化来说 iframe
有其利益,也有其弊病,一分为二看问题吧。
作为第一条,可能也是最主要的一条。依据 Yahoo!
研讨团队的数据剖析,有很大一局部用户拜访会因为这一条而获得最大受益。有多少种常见的方式能切实减少 HTTP 要求:
4) 内联图象 使用 data: URL
scheme 在实际的页面嵌入图像数据.
2) CSS Sprites 应用 CSS background
相干元素进行背景图绝对定位;参见:CSS
Sprites: Image Slicing's Kiss of Death
9.
最小化 iframe 的数目 (Minimize the Number of iframes)
3.
防止重定向 (Avoid Redirects)
2.
减少 ,
成都网站建设的公司;DNS 查找
(Reduce DNS Lookups)
面向内容的优化规则目前有 10 条。
1) 合并文件,比方把多个 CSS 文件合成一个;
本文由 天津网站建设公司 原创,转载请注明出处
重要的目标是提高页面组件并行下载才能。但不要跨太多域名,否则就跟第二条有些抵触了。
响应时光对 Ajax 来说至关重要,否则用户体验相对好不到哪里去。进步响应时间的有效手腕就是 Cache
。其它的一些优化规则对这一条也是有效的。
7.
减少 DOM 元素数量 (Reduce the Number
of DOM Elements)8. 切分组件到多个域
(Split Components Across Domains)
Yahoo! 的 Exceptional Performance team 在 Web
前端方面作出了出色的奉献。广为人知的优化规矩也由 13 条到 14 条,再到 20
条,乃至当初的 34
条--真是与时俱进啊。最新的 34 条也针对不同的角度做了分类。
这是内容篇的 10 条。应当说详细领导性的内容还不够具体。逐步会根据本人的懂得弥补上来。
不是绝对的避免,尽量减少。另外,应该留神一些不用要的重定向。好比对 Web 站点子目录的后面增加个 / (Slash)
,就能有效避免一次重定向。 与
Apache 服务器,通过配置 Alias 或mod_rewrite 或是 DirectorySlash 可能打消这个问题。
4.
使得 Ajax 可缓存 (Make Ajax Cacheable)
1.
尽量减少 HTTP 恳求 (Make
Fewer HTTP Requests)
对页面链接的充足测试加上对 Web 服务器 error 日志的一直跟踪能有效减少 404 毛病,亦能晋升用户休会。值得一提的是,CSS
与 Java Script 引起的 404 错误由于定位稍稍"难"一点而往往容易被疏忽。
10.
杜绝 http 404 过错 (No 404s)
3) 图像舆图
必需明白的一点,DNS 查找的开销是很大的。另外,成都制作网页的公司,我倒是感到这是 Yahoo,网页设计!
所有站点的通病,Yahoo!主站点可能还不够显著,一些分站点,存在显明的相似问题。对海内站点来说,假如过多的应用了站外的
Widget ,也很轻易引起过多的 DNS 查找问题。
(责任编辑:网站建设)
高性能网站建设最佳实践之 内容篇相关文章