当前位置: 网站建设 > 专业知识资讯 >

高性能网站建设最佳实践之 内容篇

时间:2013-04-07 01:30来源:未知 作者:网站建设 点击:

标签:高性能网站建设最佳实践之 内容篇
上面两条严厉说来,都是属于异步这个思维机动应用的事儿。 5.延迟载入组件 (Post-load Components)6. 预载入组件 (Preload Components) 熟习SEO的友人晓得 iframe是SEO的大忌。针对前端优化来说 iframe有其利益,也有其弊病,一分为二看问题吧。 作为第一条,可能也是最主要的一条。依据 Yahoo!研讨团队的数据剖析,有很大一局部用户拜访会因为这一条而获得最大受益。有多少种常见的方式能切实减少HTTP要求: 4)内联图象使用data: URLscheme
高性能网站建设最佳实践之 内容篇》文章地址: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 查找问题。



(责任编辑:网站建设)
高性能网站建设最佳实践之 内容篇相关文章
上一篇:重视互动的网站建设能提高网络营销的有效性 下一篇:网站建设中哪些内容需要收费
回到顶部