zblog使用pagespeed nginx 工具为网站提供jpg转webp教程

我是贝东2023-08-16 16:50未命名1417

最近有了网站优化的心理,就在想如何让自己的zblog博客更快一些,通过互联网的资料学习和了解到了webp

什么是wedp格式

用谷歌的原话就是Webp是一种有损压缩格式,webp是由谷歌推出的一种全新图片文件格式,与JPEG格式一样,webp文件格式和JPEG类似,也是通过牺牲图片质量来降低图片文件大小,但能在相同质量的情况下比JPEG文件尺寸小巧许多。 

如何将网站jpg转webp格式

目前转换wdbp格式有两种方法,第一种就通过格式软件将网站图片转换为webp,另外一种就是通过pagespeed nginx将网站进行转换成webp

pagespeed nginx是什么

先解释一下pgespeed 是一个款Google开源用来自动优化网站的神器 ,其中PageSpeed Insights 是这个网页载入速度检测工具有在线版本也有一个 Chrome 扩展,叫PageSpeed Insights,在此之前,Jeff 了解的更多是雅虎的 Yslow 。不过在Jeff 使用过 PageSpeed Insights 后,感觉更加容易上手——因为人家PageSpeed Insights 有中文!他可以为前端可以省去优化css、js以及图片的过程。 

在线版:https://developers.google.com/speed/pagespeed/   当然这个需要翻墙才可以使用。

nginx是一个高性能的HTTP和反向代理web服务器 ,同时也提供了IMAP/POP3/SMTP服务 

Ngx_PageSpeed模块的主要功能

图像优化:剥离元数据、动态调整,重新压缩

CSS和JavaScript压缩、合并、级联、内联

小资源内联

推迟图像和JavaScript加载

对HTML重写、压缩空格、去除注释等

提升缓存周期

如何安装pgespeed nginx

执行命令

wget https://github.com/madlifer/ngx_pagespeed_auto/releases/download/v0.0.1/nps-auto.sh && bash nps-auto.sh

在Nginx的配置文件中添加以下代码块:
pagespeed on;
pagespeed RewriteLevel CoreFilters;
pagespeed EnableFilters convert_jpeg_to_webp;
pagespeed on;` 开启PageSpeed模块。
pagespeed RewriteLevel CoreFilters;` 设置重写级别为CoreFilters,确保只应用核心过滤器。
pagespeed EnableFilters convert_jpeg_to_webp;` 启用convert_jpeg_to_webp过滤器,用于将JPEG图像转换为WebP格式。
保存并重新加载Nginx配置文件。即可

参考文章:

https://www.miaoroom.com/course/baota-nginx_pagespeed.html

https://www.vpssz.com/14612.html

版权声明:本站文章内容由用户自发贡献,该文观点仅代表作者本人除特别声明外均采用 CC BY-NC-SA 3.0 许可协议。转载请注明出处!

本文链接:https://dcyzq.com/post/1512.html

分享给朋友: