首页 > 干货分享 / 正文
使用CSS Sprites【css精灵】优化网页速度
SEO大军 2018-07-19 15:01:50 承接网站SEO顾问 干货分享 ℃CSS Sprites直译过来就是CSS精灵,但是这种翻译显然是不够的,其实就是通过将多个图片融合到一副图里面,然后通过CSS的一些技术布局到网页上。特别是图片特别多的网站,如果能用css sprites降低图片数量,带来的将是速度的提升。
使用CSS Sprites还有可能降低下载量,可能大家会认为合并后的图片会比分离图片的总和要大,因为还有可能会附加空白区域。实际上,合并后的图片会比分离的图片总和要小,因为它降低了图片自身的开销,譬如颜色表、格式信息等。
字体图标
在可以大量使用字体图标的地方我们可以尽可能使用字体图标,字体图标可以减少很多图片的使用,从而减少http请求,字体图标还可以通过CSS来设置颜色、大小等样式,何乐而不为。
合并脚本 和样式表
将多个样式表或者脚本文件合并到一个文件中,可以减少HTTP请求的数量从而缩短效应时间。
然而合并所有文件对许多人尤其是编写模块化代码的人来说是不能忍的,而且合并所有的样式文件或者脚本文件可能会导致在一个页面加载时加载了多于自己所需要的样式或者脚本,对于只访问该网站一个(或几个)页面的人来说反而增加了下载量,所以大家应该自己权衡利弊。
猜你喜欢
- 2018-12-12 百度蜘蛛能识别分析CSS和JS吗?
- 干货分享
- 了解更多CSS,Sprites,css精灵,请在查看本站栏目对应内容进行参阅,如对使用CSS Sprites【css精灵】优化网页速度有不明之处可以与我交流,如使用CSS Sprites【css精灵】优化网页速度信息有误您也可以进行指导,本博客仅为SEO界的伙伴互相交流的一个SEO博客。【大军SEO,9年如一日因为专业所以专注!做网站优化9年,熟悉各种CMS,精通各种搜索引擎排名,深知产品推广套路。专注于营销型网站建设,整站优化外包、关键词排名、黑帽/白帽SEO技术!承接网站SEO优化服务、SEO顾问服务(QQ:88288050)】
- 07-15老域名挖掘技术
- 07-11百度搜索网页标题规范
- 07-11百度站点关联主体”常见问题解析
- 07-11百度站点Logo”常见问题解析
- 07-11百度搜索流量异常”常见问题解析
- 07-11百度产品经理教你如何正确设置基础信息
- 08-21是否感到SEO流量变现收益越来越低?
- 08-17如何撰写别墅推广软文
- 08-17教你商场开业软文的写作技巧
- 08-17软文快速写作方法,有什么技巧
- 06-162018年SEO工作周报表(1)
- 06-162018年SEO工作日报表(一)
- 06-162018年SEO日常工作管理表格
- 05-22行业门户网站优化方案
- 05-22404页面返回200状态码?对网站有何影响?会被k吗?
- 05-22企业站SEO优化方案如何写
- 05-22挖掘长尾关键词的几种方法
- 05-22关键词3天上百度首页优化方法
- 05-22搜索引擎 - 倒排索引 - 处理查询
- 05-22SEO中的百度权重传递过程讲解
- 热门标签