优化--减少HTTP请求

一、 图片地图 (将几张图片合为一张,根据用户点击的位置发送不同请求,减少了图片的请求数量)

优化--减少HTTP请求

案例所在位置:http://stevesouders.com/hpws/imagemap.php

 

二、css精灵(和图片地图功能相似,都是将几张图片合并在一起,根据位置发送不同请求)

这里不做具体使用介绍,百度有此方面内容,比图片地图这种方法要简单一些

 

三、合并脚本和样式表

使用外部的css和js文件引用的方式,要比直接写在页面中性能更好一点,但是与此同时,又产生了一个问题,那就是HTTP请求又有所增加

解决方案: 合并js,css

 

四、图片使用base64编码,减少页面请求数

在线图片转base64地址:   https://tool.css-js.com/base64.html

也可以自己在php页面中file_get_contents获取图片,然后用base64_encode函数生成编码(麻烦,还得组装代码,还是用在线工具吧,反正免费,还实用)