我怎样才能提升包含太多 png 图像的网站？
How can l boost up my website that contain too much png images?
我的网站中有太多 png 图片。如何快速加载我的网站？我缩小了 html css 和 js 文件，但它仍然不起作用。 :(
您可以将它们转换为 WebP images（最多可比 PNG 文件小 3 倍）。
- 如果可行，请转换为 jpeg。 Jpeg 不是无损的，所以质量会变差，但是在有很多过渡和只有几个锐边的图片（即照片）上它几乎是看不见的。
- 优化png。市面上有很多png优化软件。
- 在服务器端微调缓存 headers。您的网络服务器可能没有发送有效的缓存 headers，因此强制浏览器一次又一次地重新加载图像。
- 微调您的 html 和 css。如果浏览器在加载 png 之前就知道 png 的大小（来自 css），这会很有帮助。
- 分析您的流量。弱点在哪里？它是否需要加载太多流量（因此您的页面太大），或者浏览器需要许多 cpu 周期来呈现它们？使用一些工具（市场上也有很多）检查您的浏览器在加载您的页面时在做什么。您甚至可以在 windows 任务管理器中看到它。它使用 99% cpu 还是更少？
我的网站中有太多 png 图片。如何快速加载我的网站？我缩小了 html css 和 js 文件，但它仍然不起作用。 :(
您可以将它们转换为 WebP images（最多可比 PNG 文件小 3 倍）。
- 如果可行，请转换为 jpeg。 Jpeg 不是无损的，所以质量会变差，但是在有很多过渡和只有几个锐边的图片（即照片）上它几乎是看不见的。
- 优化png。市面上有很多png优化软件。
- 在服务器端微调缓存 headers。您的网络服务器可能没有发送有效的缓存 headers，因此强制浏览器一次又一次地重新加载图像。
- 微调您的 html 和 css。如果浏览器在加载 png 之前就知道 png 的大小（来自 css），这会很有帮助。
- 分析您的流量。弱点在哪里？它是否需要加载太多流量（因此您的页面太大），或者浏览器需要许多 cpu 周期来呈现它们？使用一些工具（市场上也有很多）检查您的浏览器在加载您的页面时在做什么。您甚至可以在 windows 任务管理器中看到它。它使用 99% cpu 还是更少？