• 浏览器缓存知识小结及应用

    浏览器缓存,也就是客户端缓存,既是网页性能优化里面静态资源相关优化的一大利器,也是无数web开发人员在工作过程不可避免的一大问题,所以在产品开发的时候我们总是想办法避免缓存产生,而在产品发布之时又在想策略管理缓存提升网页的访问速度。了解浏览器的缓存命中原理,是开发web应用的基础,本文着眼于此,学习浏览器缓存的相关知识,总结缓存避免和缓存管理的方法,结合具体的场景说明缓存的相关问题。希望能对有需要

    Dec 1, 2017 阅读(37)
    标签: 性能优化
  • 网页优化——图片优化

    概览尽量减小图片尺寸,以缩减用户等待资源加载的时间。适当地设置图片的格式并进行压缩可以节省大量的数据字节空间。这样可以为那些网络连接较慢的用户节约时间,还可以为有流量套餐限制的用户节省成本。建议您应对所有图片进行基本优化和高级优化。基本优化包括裁剪不必要的区域,将颜色深度降至可接受的最低水平,移除图片评论以及将图片保存为恰当的格式。您可以使用任意图片编辑程序(例如,GIMP)执行基本优化。

    May 23, 2017 阅读(108)
    标签: 性能优化
  • 网页优化——使用浏览器缓存

    概览如果用户会多次访问您的网站,那么静态资源的浏览器缓存可以节省用户的时间。缓存标头应当应用到所有可缓存的静态资源中,而不仅仅是应用到一小部分静态资源(例如,图片)中。可缓存的资源包括JS和CSS文件、图像文件及其他二进制对象文件(媒体文件和PDF文件等)。通常情况下,HTML不是静态资源,默认情况下不应被视为可缓存资源。您应考虑哪些缓存政策适用于您网站的HTML。建议为您的服务器启用浏览

    May 23, 2017 阅读(124)
    标签: 性能优化
  • 网页优化——缩减资源(HTML、CSS和JavaScript)的大小

    当PageSpeed Insights检测到您的某个资源可通过缩减操作来减小其大小时,就会触发此规则。概览缩减资源大小是指删除不必要的字节(例如,多余的空格、换行符和缩进)。压缩HTML、CSS和JavaScript可提高下载、解析和执行的速度。此外,对于CSS和JavaScript,还可通过以下方式进一步缩小文件体积:在对HTML进行适当更新的过程中重命名变量名称,以确保选择器继续运行。

    May 23, 2017 阅读(140)
    标签: 性能优化