Hướng dẫn loại bỏ các tài nguyên chặn hiển thị mới nhất 2021

Loại bỏ các tài nguyên chặn hiển thị sẽ giúp cho website của chúng ta được tối ưu hơn và khách hàng cũng sẽ thấy nhiều tài nguyên của chúng ta hơn. Trong bài viết này, lamweb.vn sẽ viết bài Hướng dẫn loại bỏ các tài nguyên chặn hiển thị mới nhất 2020.

Xem thêm : Plugin wordpress là gì ? Tổng hợp các plugin thiết yếu cho website mới nhất 2019

Hướng dẫn loại bỏ các tài nguyên chặn hiển thị mới nhất 2021

Loại bỏ JavaScript và CSS chặn hiển thị trong content trong màn hình trước nhất của PageSpeed Insights giúp web của bạn tải nhanh hơn và tốt cho SEO. Điều này là tất nhiên, content của web sẽ k được tiếp tục tải cho tới khi các tập tin JavaScript và CSS được đăng xong. vì thế, nội dung trên website của bạn đang bị trì hoãn để mong muốn các tập tin JavaScript và CSS.

Loại bỏ JavaScript và CSSLoại bỏ JavaScript và CSS chặn hiển thị trong content trong màn ảnh trước nhất (Eliminate render-blocking JavaScript and CSS in above-the-fold content) là cảnh bảo của PageSpeed Insights. Đây chỉ là cảnh báo, ngoài ra việc sửa lỗi này sẽ làm cho web của bạn tải mau hơn. Để sửa được lỗi này, bạn chỉ cần cho các tập tin JavaScript và CSS tải ở cuối cùng hoặc đăng k đồng bộ.

  1. tăng cao hóa phân phối CSS
  2. Xóa JavaScript chặn hiển thị

Tối ưu hóa phân phối CSS (Optimize CSS Delivery)

Đối với các tập tin CSS nhỏ, các bạn đủ sức đặt nội dung CSS vào thẻ và nhúng vào
.
ví dụ bạn có 1 tập tin CSS small.css rất nhỏ giống như sau :

.yellow background-color: yellow;
.blue color: blue;
.big font-size: 8em; 
.bold font-weight: bold;

Thay vì nhúng tập tin CSS đó giống như sau :



Hello, world!


Thì bạn đủ nội lực inline content CSS vào và nhúng vào
như sau :



Hello, world!


Gống như bạn thấy ở trên, tất cả chúng ta chỉ cần inline class “ blue ” thay vì đăng nguyên một tập tin CSS không thiết yếu. không những thế, bạn không nên dùng phương pháp trên cho một tập tin CSS quá lớn .
Các bạn cũng đủ sức dùng Javascript để đăng các tập tin CSS sau khi website được đăng xong. như sau :



Hello, world!



Mình nghĩ rằng bạn k nên sử dụng tuyệt kỹ Javascript. Nó k được tư vấn trên nhiều trình duyệt, điều đó hoàn toàn có thể phá vỡ giao diện của bạn .

Kết bàn luận: Bạn hoàn toàn có thể tối ưu hóa phân phối cho CSS. Nhưng điều đó k an toàn. do đó chúng ta đủ sức vui lòng chấp thuận cảnh báo trên.

Xem thêm : Top 5 plugin chống copy wordpress cho nhà tăng trưởng website

Xóa JavaScript chặn hiển thị ( Remove Render-Blocking JavaScript )

không giống như CSS, Javascript là không khó khăn vất vả hơn để loại bỏ chặn hiển thị .
Cũng giống như CSS, các bạn đủ nội lực chèn trực tiếp content Javascript vào thẻ và nhúng vào. Bí quyết này cũng chỉ nên ứng dụng so với các tập tin Javascript nhỏ .
so với các tập tin Javascript nhỏ, các bạn sử dụng :





Hello, world!


Thay vì :





Hello, world!


Đăng không đồng bộ các tài nguyên JavaScript

đặc thù async của JavaScript được cho phép bạn đăng k đồng nhất các tài nguyên JavaScript. nội dung HTML sẽ được liên tục tải mà k cần chờ đón các tài nguyên CSS .
sử dụng đặc thù async như sau :
Thuộc tinh defer của JavaScript được cho phép bạn trì hoàn tải các tài nguyên JavaScript cho đến khi nội dung HTML được đăng xong. Tài nguyên JavaScript sẽ được đăng sau khi toàn bộ HTML được đăng xong .
dùng đặc thù defer như sau :
Mặc dù công thức này giúp nội dung trên website được hiển thị mau nhất. Nhưng nếu bạn k có một chút ít văn hóa truyền thống về cách mà JavaScript sử dụng việc, phương pháp trên cũng không bảo đảm an toàn. Vì đây là mẹo tải không đồng nhất, nó đủ nội lực dẫn đến việc website hoạt động giải trí k đúng hướng dẫn .

Đây là cách tốt nhất để khắc phục yếu tố “ Xóa JavaScript chặn hiển thị “, các bạn đủ sức mang các thẻ xuống trước thẻ .

đối với WordPress, bạn đủ nội lực dùng function “wp_enqueue_script” với biến $in_footer = true.

Chúc bạn thành công xuất sắc !
Nguồn : sitecuatui.com

Xem thêm: Tổng hợp plugin social cho wordpress mới nhất 2019

Source: https://iseo1.com
Category: Marketing

Trả lời

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 *