首页 » PHP教程 » php紧缩css技巧_Laravel 模板压缩加速扩展 renatomarinhoLaravelpagespeed

php紧缩css技巧_Laravel 模板压缩加速扩展 renatomarinhoLaravelpagespeed

访客 2024-11-01 0

扫一扫用手机浏览

文章目录 [+]

composer require renatomarinho/laravel-page-speed发布配置文件

php artisan vendor:publish --provider="RenatoMarinho\LaravelPageSpeed\ServiceProvider"

实行上述命令后会天生 config/laravel-page-speed.php 配置文件,定义了是否开启压缩和不须要压缩的url路径。
对付某些你不想进行压缩的url可以配置到这里边。

利用

扩展包的利用是通过一堆中间件来完成的,文档中提到了很多 中间件 不过大部分还没有实现,可以用的只有前面的这 7 个。
我们添加这些中间件测试一下,注册到 web 中间件组中。

php紧缩css技巧_Laravel 模板压缩加速扩展 renatomarinhoLaravelpagespeed

app/Http/Kernel.php

php紧缩css技巧_Laravel 模板压缩加速扩展 renatomarinhoLaravelpagespeed
(图片来自网络侵删)

...'web' => [ ... \RenatoMarinho\LaravelPageSpeed\Middleware\InlineCss::class, \RenatoMarinho\LaravelPageSpeed\Middleware\ElideAttributes::class, \RenatoMarinho\LaravelPageSpeed\Middleware\TrimUrls::class, \RenatoMarinho\LaravelPageSpeed\Middleware\InsertDNSPrefetch::class, \RenatoMarinho\LaravelPageSpeed\Middleware\RemoveComments::class, \RenatoMarinho\LaravelPageSpeed\Middleware\RemoveQuotes::class, \RenatoMarinho\LaravelPageSpeed\Middleware\CollapseWhitespace::class, // Note: This middleware invokes "RemoveComments::class" before it runs.]...

这么多的中间件,我们总结了一下它们的浸染:

转自:压缩 HTML 加速网页相应—— renatomarinho/laravel-page-speed

中间件

描述

InlineCss

将 HTML 中的行内样式,转换为一行单独的样式放在 header style 标签中

ElideAttributes

去除 HTML 中一些多余的属性

InsertDNSPrefetch

添加 DNS 预读取 标签

RemoveComments

删除 HTML 注释

TrimUrls

简化 URL,将 修正为

RemoveQuotes

去除一些标签的引用,src="foobar.com" 转换成 src=foobar.com

CollapseWhitespace

去除 HTML 中多余的换行和空格

一样平常我常用的只有这4个

\RenatoMarinho\LaravelPageSpeed\Middleware\ElideAttributes::class,\RenatoMarinho\LaravelPageSpeed\Middleware\RemoveQuotes::class,\RenatoMarinho\LaravelPageSpeed\Middleware\CollapseWhitespace::class,\RenatoMarinho\LaravelPageSpeed\Middleware\RemoveComments::class,InlineCss

当我们只开启这个中间件的时候,看的会更加明显:

中间件去除了某些行内样式,用一个 class 更换,将样式合并成一行,放在 head 中,提前加载,非常有用。

ElideAttributes

紧张浸染便是更换一些默认的标签:

去除 from 表单中的 属性,很少会这样用;将 <button disabled>转换为 <button disabled>;将 <option selected>Foobar</option> 转换为 <option selected>Foobar</option>InsertDNSPrefetch

可以看到一些关于 DNS 预读取 的标签,也便是检讨 HTML 中所有的链接,见告浏览器提前去解析这些链接的 DNS,更快的加载图片,css 等资源,用户打开链接的速率也会更快。

由于DNS的级联特性,DNS解析韶光从本地缓存结果的<1ms到数百毫秒不等。
这对总页面加载韶光有很大影响。
此筛选器通过在HTML开头向浏览器供应提示来缩短DNS查找韶光,从而许可浏览器预解析页面上资源的DNS。

RemoveComments

去除所有的 HTML 注释该当很好理解:

TrimUrls

浸染便是去除链接的协议部分,由于默认会利用当前 URL 的协议。

但是这时候你会创造上面 DNS 预读取的标签都消逝了,我们办理一下这个 BUG,修正一下中间件的顺序,将 TrimUrls 放在 InsertDNSPrefetch 之前。

由于这些中间件是浸染于要求的相应,实在实行的顺序,是从下往上的,放不才面的会先实行,TrimUrls 去除了协议,InsertDNSPrefetch 中利用正则匹配就会出问题了。

RemoveQuotes

中间件会去除一些标签的引号,会浸染不才面这些标签:

srcwidthheightnamecharsetalignbordercrossorigintypeCollapseWhitespace

去除了换行以及空格,终极我们将 HTML 优化为上面这样。

比拟效率

添加中间加前后,用chrome的调试模式看一下要求的size,会创造要求包体积明显减小。
从网络层面上减轻了带宽压力,加速了dns解析,加快了浏览器渲染速率。

把稳点

1、当blade模板中的js代码存在//单行注释时,通过renatomarinho/laravel-page-speed压缩后会将全体js代码//后面的注释掉,以是js代码中不能存在双斜杠单行注释,改成 / /形式即可办理

2、对付存在代码段(pre code中内容)的html, CollapseWhitespace 会将代码段中的空格和空行删除,这样就弗成了,会影响实际展示效果。

相关文章

实惠服务,提升生活品质的“秘密武器”

人们的生活水平日益提高,对于“实惠”的追求也越发强烈。如何通过优化服务,满足消费者对实惠的需求,成为企业关注的焦点。本文将围绕“实...

PHP教程 2025-03-19 阅读0 评论0

安庆,历史文化名城,绿色发展新篇章

安庆,这座历史文化名城,坐落在我国安徽省西南部,拥有着丰富的自然资源和深厚的历史底蕴。安庆以绿色发展为导向,走出了属于自己的发展之...

PHP教程 2025-03-19 阅读0 评论0

夏日炎炎,夏日服饰关键词引领时尚潮流

气温逐渐升高,人们纷纷换上了轻薄透气的夏装。夏日服饰的关键词成为了时尚达人们关注的焦点。本文将从夏日服饰的关键词入手,探讨夏日服饰...

PHP教程 2025-03-19 阅读0 评论0