高性能网站建设指南

<ol class="children expanded" style="min-width: 0px; min-height: 0px; box-sizing: border-box; list-style-type: none; padding-left: 12px; padding-bottom: 5px; color: rgb(34, 34, 34); font-family: 'Segoe UI', Tahoma, sans-serif; font-size: 12px;"><li style="min-width: 0px; min-height: 0px; box-sizing: border-box; position: relative; margin-top: 1px; text-overflow: ellipsis; white-space: nowrap; margin-left: 10px;"><div class="header-name" style="min-width: 0px; min-height: 0px; box-sizing: border-box; color: rgb(84, 84, 84); display: inline-block; margin-right: 0.5em; font-weight: bold; vertical-align: top; white-space: pre-wrap;">Accept-Encoding:</div><div class="header-value source-code" style="min-width: 0px; min-height: 0px; box-sizing: border-box; font-family: Consolas, 'Lucida Console', monospace; white-space: pre-wrap; display: inline; margin-right: 1em; word-break: break-all; margin-top: 1px;">gzip, deflate, sdch</div></li></ol>

<ol class="children expanded" style="min-width: 0px; min-height: 0px; box-sizing: border-box; list-style-type: none; padding-left: 12px; padding-bottom: 5px; color: rgb(34, 34, 34); font-family: 'Segoe UI', Tahoma, sans-serif; font-size: 12px;"><li style="min-width: 0px; min-height: 0px; box-sizing: border-box; position: relative; margin-top: 1px; text-overflow: ellipsis; white-space: nowrap; margin-left: 10px;"><div class="header-name" style="min-width: 0px; min-height: 0px; box-sizing: border-box; color: rgb(84, 84, 84); display: inline-block; margin-right: 0.5em; font-weight: bold; vertical-align: top; white-space: pre-wrap;">Content-Encoding:</div><div class="header-value source-code" style="min-width: 0px; min-height: 0px; box-sizing: border-box; font-family: Consolas, 'Lucida Console', monospace; white-space: pre-wrap; display: inline; margin-right: 1em; word-break: break-all; margin-top: 1px;">gzip</div></li></ol>

<ol class="children expanded" style="min-width: 0px; min-height: 0px; box-sizing: border-box; list-style-type: none; padding-left: 12px; padding-bottom: 5px; color: rgb(34, 34, 34); font-family: 'Segoe UI', Tahoma, sans-serif; font-size: 12px;"><li style="min-width: 0px; min-height: 0px; box-sizing: border-box; position: relative; margin-top: 1px; text-overflow: ellipsis; white-space: nowrap; margin-left: 10px;"><div class="header-name" style="min-width: 0px; min-height: 0px; box-sizing: border-box; color: rgb(84, 84, 84); display: inline-block; margin-right: 0.5em; font-weight: bold; vertical-align: top; white-space: pre-wrap;">If-Modified-Since:</div><div class="header-value source-code" style="min-width: 0px; min-height: 0px; box-sizing: border-box; font-family: Consolas, 'Lucida Console', monospace; white-space: pre-wrap; display: inline; margin-right: 1em; word-break: break-all; margin-top: 1px;">Fri, 22 Jul 2016 02:52:39 GMT</div></li></ol>

多对一请求服务器导致socket连接低效性的问题

一个单独的连接上进行多个请求

图片base64编码后嵌入

放到外部css内作为背景，通过缓存外部css缓存数据

发布静态内容

需要客户端和服务器的时间同步

到期需要提供一个新的日期