Yahoo!网站性能最佳体验的34条黄金守则—内容
作者：dudo 来源：dudo says 发布时间：2008-05-13 12:14:00
Yahoo!的Exceptional Performance团队为改善Web性能带来最佳实践。他们为此进行了一系列的实验、开发了各种工具、写了大量的文章和博客并在各种会议上参与探讨。最佳实践的核心就是旨在提高网站性能。
Excetional Performance团队总结出了一系列可以提高网站速度的方法。可以分为7大类34条。包括内容、服务器、CSS、JavaScript、cookie、图片、移动应用等七部分。
其中内容部分一共十条建议：
一、内容部分
尽量减少HTTP请求
减少DNS查找
避免跳转
缓存Ajxa
推迟加载
提前加载
减少DOM元素数量
用域名划分页面内容
减小iframe的大小
避免404错误
1、尽量减少HTTP请求次数
终端用户响应的时间中，有80％用于下载各项内容。这部分时间包括下载页面中的图像、样式表、脚本、Flash等。通过减少页面中的元素可以减少HTTP请求的次数。这是提高网页速度的关键步骤。
减少页面组件的方法其实就是简化页面设计。那么有没有一种方法既能保持页面内容的丰富性又能达到加快响应时间的目的呢？这里有几条减少HTTP请求次数同时又可能保持页面内容丰富的技术。
合并文件是通过把所有的脚本放到一个文件中来减少HTTP请求的方法，如可以简单地把所有的CSS文件都放入一个样式表中。当脚本或者样式表在不同页面中使用时需要做不同的修改，这可能会相对麻烦点，但即便如此也要把这个方法作为改善页面性能的重要一步。
CSS Sprites是减少图像请求的有效方法。把所有的背景图像都放到一个图片文件中，然后通过CSS的background-image和background-position属性来显示图片的不同部分；
图片地图是把多张图片整合到一张图片中。虽然文件的总体大小不会改变，但是可以减少HTTP请求次数。图片地图只有在图片的所有组成部分在页面中是紧挨在一起的时候才能使用，如导航栏。确定图片的坐标和可能会比较繁琐且容易出错，同时使用图片地图导航也不具有可读性，因此不推荐这种方法；
内联图像是使用data:URL scheme的方法把图像数据加载页面中。这可能会增加页面的大小。把内联图像放到样式表（可缓存）中可以减少HTTP请求同时又避免增加页面文件的大小。但是内联图像现在还没有得到主流浏览器的支持。
减少页面的HTTP请求次数是你首先要做的一步。这是改进首次访问用户等待时间的最重要的方法。如同Tenni Theurer的他的博客Browser Cahe Usage - Exposed!中所说，HTTP请求在无缓存情况下占去了40％到60％的响应时间。让那些初次访问你网站的人获得更加快速的体验吧！
0
投稿猜你喜欢
介绍本篇文章主要介绍如何爬取麦子学院的课程信息（本爬虫仍是单线程爬虫），在开始介绍之前，先来看看结果示意图怎么样，是不是已经跃跃欲试了？首先- Python 环境下文件的读取问题，请参见拙文 Python基础之文件读取的讲解这是一道著名的 Python 面试题，考察的问题是，Pyth
- 1、闭包的概念请大家跟我理解一下，如果在一个函数的内部定义了另一个函数，外部的我们叫他外函数，内部的我们叫他内函数。闭包： 在一个外函数中定
- 实际参数在函数中我们可以使用 arguments 对象获得 （注：形参可通过 arguments.callee 获得），虽然 argumen
- 今天给大家介绍一个可以获取当前系统信息的库——psutil利用psutil库可以获取系统的一些信息，如cpu，内存等使用率，从而可以查看当前
- 众所周知，凡是用 FrontPage 做的网页里面都有类似这样的标记：<META content="Microso
- 搭建python环境1.百度搜索python3.7下载，找到官网下载安装包，运行安装包并配置环境变量。2.这里一定要安装python3.7版
- 使用profile来分析慢sqlmysql 的 sql 性能分析器主要用途是显示 sql 执行的整个过程中各项资源的使用情况。分析器可以更好
- 前言使用面向对象编程思想完成学员管理系统的开发，具体如下：系统要求：使用面向对象的方法系统功能：添加学员、删除学员、修改学员信息、查询学员信
- mysql数据库开机报错： InnoDB: The log sequence number in ibdata files does not
- python读取npz/npy文件npz和npy文件都可以直接使用numpy读写。import numpy as npac = np.loa
- 如下所示：#!/usr/bin/env python# -*- coding:utf-8 -*-import datetimetime_de
- 最近在做图片相关的工作，面对各种格式的图片转换，在OpenCV跟Pillow之间来回切换。觉得有必要把这些东西记录下来，以备不时之需。首先介
- 如何用表单的方式推送请求的信息？具体见下：<html><head><title>答复用户信息
- SocketServer简化了网络服务器的编写。它有4个类：TCPServer，UDPServer，UnixStreamServer，Uni
- tzset()方法重置所使用的库例程的时间转换规则。环境变量TZ指定如何完成此操作。TZ环境变量的标准格式(空格为清楚起见而加的
- 熵值法也称熵权法，是学术研究，及实际应用中的一种常用且有效的编制指标的方法。1.简单理解 信息熵机器学习中的决策树算法是对信息熵的一种典型的
- 引言在 Golang 中，将 URL 打包用于从服务器获取数据非常重要。只需了解您是否正在处理任何应用程序并且您想从任何外部位置或服务器获取
- 方法一一般情况下，SQL数据库的收缩并不能很大程度上减小数据库大小，其主要作用是收缩日志大小，应当定期进行此操作以免数据库日志过大1、设置数
- 很简单，只需建立一个worksheet和Excel相关的信息就可以了具体代码见下：<％set xlApp =&nb
