hotantien
  • Laravel
  • WordPress
  • SEO
  • Đồ họa
  • Javascript
  • Download
No Result
View All Result
hotantien
No Result
View All Result
Home Laravel

Tối ưu Laravel bằng Laravel Page Speed package

18/06/2021
in Laravel
Reading Time: 2 mins read
Mục lục ẩn
1. Giới thiệu
2. Cài đặt
3. Cấu hình
3.1. Bật / tắt chức năng
3.1.1. Remove Comments
3.1.2. Collapse Whitespace
3.1.3. Remove Quotes
3.1.4. Elide Attributes
3.1.5. Insert DNSPrefetch
3.1.6. Trim Urls
3.1.7. Inline Css
3.1.8. Defer Javascript
3.2. Bật / tắt package
3.3. Bỏ qua các Routes không cần thiết

Giới thiệu

renatomarinho/laravel-page-speed giúp tối ưu HTML/Blade lên đến 35%. Theo lộ trình phát triển được tác giả đăng trên Github trong tương lai sẽ có thêm các chức năng tối ưu CSS, Javascript, Cache …

Trước khi tối ưu
Sau khi tối ưu

Cài đặt

Yêu cầu hệ thống

  • PHP 7.2.5+
  • Laravel 6.0+

Cài đặc thông qua Composer:

composer require renatomarinho/laravel-page-speed

Package hỗ trợ Package Discovery

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

Cấu hình

Bật / tắt chức năng

Vì package này có nhiều chức năng, nên muốn sử dụng chức năng nào chỉ cần thêm nó vào Kernel

//app/Http/Kernel.php

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

Remove Comments

\RenatoMarinho\LaravelPageSpeed\Middleware\RemoveComments::class

RemoveComments::class sẽ xóa các HTML, JS và CSS comment. Tùy thuộc vào tệp HTML, bộ lọc này có thể giảm đáng kể số lượng byte được truyền trên mạng.

Collapse Whitespace

\RenatoMarinho\LaravelPageSpeed\Middleware\CollapseWhitespace::class

CollapseWhitespace::class giảm các byte được truyền trong tệp HTML bằng cách loại bỏ khoảng trắng không cần thiết.

Remove Quotes

\RenatoMarinho\LaravelPageSpeed\Middleware\RemoveQuotes::class
// Trước
<img src="hotantien.png" align='left' alt="" border="0" width='70' height='30' >

// Sau khi tối ưu
<img src=hotantien.png align=left alt="" border=0 width=70 height=30 >

Elide Attributes

Insert DNSPrefetch

Trim Urls

Inline Css

\RenatoMarinho\LaravelPageSpeed\Middleware\InlineCss::class

InlineCss::class chuyển inline “style” của các thẻ thành các class bằng cách di chuyển CSS đến header.

Defer Javascript

\RenatoMarinho\LaravelPageSpeed\Middleware\DeferJavascript::class

DeferJavascript::class thêm thuộc tính defers cho các Javascript <script> trong tệp HTML.

Bật / tắt package

//config/laravel-page-speed.php

//Set this field to false to disable the laravel page speed service.
'enable' => env('LARAVEL_PAGE_SPEED_ENABLE', true),

Bỏ qua các Routes không cần thiết

//config/laravel-page-speed.php

//You can use * as wildcard.
'skip' => [
    '*.pdf', //Ignore all routes with final .pdf
    '*/downloads/*',//Ignore all routes that contain 'downloads'
    'assets/*', // Ignore all routes with the 'assets' prefix
];
Source: renatomarinho / laravel-page-speed
ShareShareSend
Previous Post

Validate mật khẩu trong Laravel – Validating Passwords

Next Post

Tích hợp Google reCaptcha cho Laravel 5/6/7/8/9

Trả lời Hủy

Email của bạn sẽ không được hiển thị công khai. Các trường bắt buộc được đánh dấu *

Bài viết ngẫu nhiên

Metasploit Framework là gì?

25/12/2020
Tích hợp Google reCaptcha cho Laravel 5/6/7/8/9

Tích hợp Google reCaptcha cho Laravel 5/6/7/8/9

20/04/2022

Xóa đường dẫn Public trong Laravel

20/06/2021
Quản lý VPS dễ dàng bằng HOSTVN Script

Quản lý VPS dễ dàng bằng HOSTVN Script

01/12/2021
Kích thước chuẩn hình ảnh Google Ads, Facebook Ads

Kích thước chuẩn hình ảnh Google Ads, Facebook Ads

18/04/2022
Xử lý thời gian trong WordPress

Xử lý thời gian trong WordPress

12/05/2022

Danh mục

  • Code
  • Đồ họa
  • Download
  • Hosting/VPS
  • Laravel
  • Linux
  • Metasploit Framework
  • SEO
  • Wordpress

Bài viết mới nhất

Xử lý thời gian trong WordPress

Mẹo tải hình ảnh từ Google Maps, Google My Business

7 kinh nghiệm khi Hosting giá rẻ

Kích thước chuẩn hình ảnh Google Ads, Facebook Ads

VPS / Hosting nên dùng

  • Azdigi.com
  • Vietnix.vn

Liên kết

  • Tranhuuvan.com
  • Tienemall.com

Resource

  • Freepik.com
  • Flaticon.com
  • Unsplash.com
  • Chính sách bảo mật

© 2021 Blog của Tiến - Hosted by AZDigi

No Result
View All Result
  • Laravel
  • WordPress
  • SEO
  • Đồ họa
  • Javascript
  • Download

© 2021 Blog của Tiến - Hosted by AZDigi