Cách buổi tối ưu Google Pagespeed Insight tới 100 điểmPhân phối hình ảnh ở định dạng mới và kết quả hơnGoogle Pagespeed Insight có tất cả 16 tiêu chuẩn chỉnh đánh giá

Google Pagespeed Insight là gì đấy là một bộ tiêu chuẩn đo lường về khả năng gần gũi của website đối với thiết bị di động và máy vi tính để bàn, do chủ yếu Google khuyến nghị ra. Theo Google, những tiêu chuẩn trong Pagespeed Insights sẽ tập trung vào hai vấn đề chính, kia là vận tốc tải trang và thân thiết với trải nghiệm bạn dùng. Với nếu các website làm sao càng được không ít điểm sinh hoạt trang review Pagespeed Insights thì tức là trang đó đáp ứng được càng nhiều các tiêu chuẩn chỉnh của Google đề ra.Bạn sẽ xem: Xóa biểu định hình trạng xếp ông chồng (css) ko dùng

Cách về tối ưu Google Pagespeed Insight cho tới 100 điểm


*

google pagespeed insight

1. đào thải các tài nguyên ngăn hiển thị google pagespeed insight

Giải thích hợp :

– Đối với những tập tin JavaScript với CSS chúng thường rất nặng cùng không được tối ưu đúng cách nó đang trì hoàn tốc độ hiển thị web của bạn với người dùng.

Bạn đang xem: Xóa biểu định kiểu xếp chồng (css) không dùng

Related Articles

Khắc phục :

– Đối cùng với tập tin JavaScript bạn phải đem chúng quăng quật hết dưới chân trang là ok.

– Đối mới tập tin CSS thì bạn cần nén hết bọn chúng lại thành 1 tệp tin duy nhất, tiếp đến dùng nguyên lý Minify CSS nhằm nén chúng lại bắt đầu kích thước bé dại nhất .

– sau khoản thời gian nén lại bạn Copy toàn thể Code CSS nén được ra bên ngoài thẻ và đặt chúng trong thẻ .

2. Chuyển đổi kích thước hình ảnh cho phù hợp google pagespeed insight

Giải mê thích :

– form size hình hình ảnh lớn hoàn toàn có thể làm tăng dung tích và vận tốc tải trang web của bạn.

– vày đo kích cỡ hình hình ảnh được hiển thị càng chuẩn sẻ đưa về tốc độ sở hữu trang giỏi hơn.

Khắc phục :

– Ở laptop Để Bàn kích thước chuẩn để đo size là 1313px cùng ở vật dụng Di Động là 425px .

– lúc Fix form size hình ảnh bạn bắt buộc Test nghỉ ngơi 2 screen này sẻ cho chính mình kích thước chuẩn chỉnh nhất .

– Các chúng ta có thể dùng thẻ của HMTL5 để sở hữu hình hình ảnh cho từng màn hình đúng với kích thước của nó.

– trường hợp có đk và gọi biết về SVG thì chúng tôi khuyên chúng ta nên thực hiện SVG là phương án tối ưu duy nhất hiện nay.

– vị nó hoàn toàn có thể chia phần trăm PX phù hợp với bất kể screen nào.

– trong khi các bạn có thể sử dụng CDN để tải nhiều hình ảnh cho nhiều màn hình hiển thị khác nhau.

google pagespeed insight

3. Trì hoãn tải các hình hình ảnh ngoài màn hình

Giải ưa thích :

– Hình hình ảnh ngoài screen là khi bạn tải website giao diện thứ nhất bạn tìm ra là giao diện trong màn hình.

– Thì phần còn lại phải lăn con chuột xuống bắt đầu thấy được điện thoại tư vấn là phần nằm ngoại trừ màn hình.

– những hình hình ảnh ở đây do không cần thiết phải hiển thị ngay lập tức lập tức nên việc trì hoãn nó sẻ giúp ích mang đến tải bối cảnh trong màn hình người dùng tạo thêm đáng đề cập .

Khắc phục :

– Để khắc phục sự việc này nó có rất nhiều cách cơ mà cách đơn giản dễ dàng nhất là bạn có thể dùng nghệ thuật Lazy Loading để sở hữu hình hình ảnh trên website theo kiểu sự không tương đồng bộ. Tức thị web bạn Load tới đâu thì sở hữu tới đó chứ ko thiết lập 1 lúc

– trong khi Intersection Observer API là một modern interface mà bạn cũng có thể sử dụng để mua hình ảnh và văn bản khác.

4. Rút gọn CSS google pagespeed insight

Giải phù hợp :

– Rút gọn gàng CSS là làm cho css của công ty ngắn hơn cơ mà vẩn giữ được toàn bộ nội dung của CSS , Nó giúp sút nhẹ số KB tệp tin CSS của bạn.

Khắc phục :

– xung khắc phục vụ việc này các bạn có thể dùng các công cụ cung cấp online như Minify CSS.

– chúng sẻ khiến cho bạn một biện pháp nhanh chóng.

– bạn cũng có thể làm thủ công bằng tay nếu CSS của công ty ngắn.

5. Xóa biểu định hình dáng xếp ông chồng (CSS) không dùng

Giải đam mê :

– thông thường các trang web được load tệp tin CSS bằng cách như vắt này

– câu hỏi này làm trình duyệt đề nghị tải File và phân tích vì thế nó làm tăng đáng kể việc người tiêu dùng phải đợi đợi.

Khắc phục :

– Để xử lý vấn đề này cách dễ dàng và đơn giản nhất mà tác dụng là các bạn copy tổng thể nội dung trong file Style.css bỏ vào thẻ như vậy này.

– để ý : Thẻ buộc phải được đặt trong thẻ bên trên đầu trang web của bạn nhé.

6. Mã hóa hình hình ảnh hiệu quả

Giải mê say :

– Hình ảnh được mã hóa đang cho vận tốc tải cấp tốc hơn và tiêu hao ít tài liệu di đụng của người tiêu dùng hơn.

Khắc phục :

– Để giải quyết vấn đề này chúng ta nên áp dụng định dạng SVG cho các hình dễ dàng và đơn giản như logo, icon..

– những hình ảnh khác bạn nên dùng các công cụ về tối ưu hóa bên trên mạng như TinyPNG hoặc cần sử dụng CDN Google cũng rất có thể mã hóa hình hình ảnh cho bạn.

Phân phối hình ảnh ở định dạng bắt đầu và tác dụng hơn

– những định dạng hình ảnh mới như JPEG 2000, JPEG XR và WebP thường nén tốt hơn so với các định dạng hình hình ảnh cũ như PNG hoặc JPEG.

– Để xung khắc phục vụ việc này chúng ta các bạn nên lựa chọn các định dạng hình hình ảnh mới như JPEG 2000, JPEG XR cùng WebP bằng những công cụ biến đổi online như Convertio.co hay những công chũm khác.

Xem thêm: Cách Trị Thâm Môi Tại Nhà Nhanh Dễ Thực Hiện Mà Hiệu Quả, 10 Cách Trị Thâm Môi Nhanh Chóng Ngay Tại Nhà

– chúng tôi khuyên bạn nên dùng định dạng WebP vì chúng rất phổ vươn lên là và tương xứng với các trình chuyên chú hơn.


*

Xin xem xét rằng:

– PageSpeed Insights chỉ reviews các khía cạnh độc lập về hiệu suất của trang: thông số kỹ thuật máy chủ, kết cấu HTML của trang và việc sử dụng các tài nguyên phía bên ngoài như hình ảnh, JavaScript cùng CSS .

– Thực hiện giỏi các khuyến cáo sẽ nâng cấp được năng suất của trang (ở cường độ tương đối). Tuy nhiên, hiệu suất tuyệt đối hoàn hảo của trang vẫn sẽ dựa vào vào liên kết mạng của người tiêu dùng khi truy vấn vào website.

– Thực tế, những tiêu chuẩn chỉnh này ko cần bạn phải áp dụng tổng thể vì chưa phải tiêu chuẩn nào bạn cũng có thể sử dụng trên hầu như trường hợp.

– mang đến nên, nếu không có tác dụng làm được một vài tiêu chuẩn chỉnh nào kia thì cứ quăng quật qua, vì chưng Google ko bắt chúng ta phải đạt tiêu chuẩn hết.

Google Pagespeed Insight có tất cả 16 tiêu chuẩn chỉnh đánh giá

1. Quy tắc tối ưu tốc độ

– Tránh thực hiện chuyển phía ở trang đích.


*

google pagespeed insight

– Bật công dụng nén dữ liệu gửi về trình duyệt.

– nâng cao thời gian phản nghịch hồi của dòng sản phẩm chủ.

– Cải thiện bộ nhớ lưu trữ đệm ngơi nghỉ trình duyệt.

– Nén các tài nguyên CSS với Javascript trên website.

– Nén giảm dung tích hình ảnh.

– tối ưu việc chèn CSS vào website.

– thiết lập cấu hình thứ từ ưu tiên của câu chữ trong website.

– bỏ chặn Javascript cùng CSS khi mua trang.

2. Quy tắc tối ưu năng suất sử dụng

– kị sử dụng các trình cắn (plugin) nhằm hiển thị nội dung.

– thông số kỹ thuật viewport nhằm hiển thị form size màn hình phù hợp.

– về tối ưu những nút bấm hoặc link trên website.

– sử dụng cỡ chữ tương xứng để hiển thị nội dung.

– Như vậy, nếu bạn có nhu cầu website của chính bản thân mình thân thiện cùng với Google Pagespeed thì hãy chắc chắn rằng là các bạn đã áp dụng những quy tắc sống trên.

– Google PageSpeed Insight viết tắt Google PSI là 1 trong những bộ tiêu chuẩn chỉnh đo lường vận tốc và khả năng thân mật của website do thiết yếu Google đề xuất ra.

– Theo Google, những tiêu chuẩn chỉnh trong Pagespeed Insights sẽ tập trung vào hai vụ việc chính, kia là tốc độ tải trang và thân thiện với trải nghiệm fan dùng.

– với nếu những website nào càng được không ít điểm sinh hoạt trang review Pagespeed Insights thì tức là trang đó đáp ứng nhu cầu được càng nhiều các tiêu chuẩn chỉnh của Google đề ra.

– Thực tế, các tiêu chuẩn chỉnh này không cần bạn phải áp dụng toàn bộ vì không hẳn tiêu chuẩn nào chúng ta có thể sử dụng trên hầu hết trường hợp.

– Nên nếu như bạn xem serie này cùng không có khả năng làm được một vài tiêu chuẩn nào đó thì cứ quăng quật qua, bởi vì Google ko bắt bạn phải đạt tiêu chuẩn hết.

Google còn gợi ý kèm theo các phương pháp để tối ưu năng suất cho website

– ở kề bên đánh giá trang web, cơ chế google page speed test này còn cung ứng việc buổi tối ưu năng suất dựa trên tình hình thực tế của trang.

– sau thời điểm hiển thị điểm số với kết quả, bên dưới sẽ là các khuyến nghị nhằm giúp cải thiện điểm số trang web được cao hơn. Đồng nghĩa với việc website của các bạn sẽ được về tối ưu xứng đáng kể.

– Thực tế, các tiêu chuẩn này không cần chúng ta phải áp dụng toàn bộ vì chưa phải tiêu chuẩn chỉnh nào bạn có thể sử dụng trên hồ hết trường hợp.

– Nên nếu như khách hàng xem serie này và không có tác dụng làm được một trong những tiêu chuẩn nào kia thì cứ quăng quật qua, vì chưng Google không bắt bạn phải đạt tiêu chuẩn chỉnh hết.