Cách cải thiện điểm số PageSpeed Insights với các plugin WordPress miễn phí – WordPress đang giải phóng các trang web, làm cho chúng có sẵn cho những người không phải là nhà phát triển. Mọi người đang nghĩ rằng họ tự xây dựng một trang web mà không cần bất kỳ siêu năng lực kỹ thuật nào, điều này thật tuyệt vời! Tuy nhiên, điều này cũng tạo ra một số vấn đề trong quá trình xây dựng. Chẳng hạn, bạn sẽ làm gì nếu điểm số Google PageSpeed Insights của bạn hơi thấp? Hôm nay, chúng tôi nói về cách bạn cải thiện điểm số PageSpeed Insights cho trang web WordPress của mình.
Có rất nhiều tranh luận xung quanh chủ đề về cách Google xếp hạng các trang web và liệu bạn có nên nỗ lực nhiều hơn trong việc nâng cao thanh trong nỗ lực cải thiện điểm số PageSpeed Insights cho trang web của bạn hay không. Tất nhiên, Google không phải là người chơi duy nhất trong trò chơi này và có các công cụ khác có sẵn để theo dõi trang web. GT Metrix và Pingdom làm rất tốt trong việc phân tích tốc độ trang web và tôi cũng khuyên bạn nên xem chúng. Tuy nhiên, các quy tắc của trò chơi do Google đặt ra không nên bỏ qua, hơn nữa vì chúng dễ được đáp ứng.
Dưới đây là cách kiểm tra 10 đề xuất Google PageSpeed, với kết quả ngay lập tức cho thời gian tải trang web của bạn.
Tin vui là đối với các quy tắc PageSpeed của Google, có một plugin WordPress có thể hỗ trợ bạn. Nếu không có bất kỳ nền tảng kỹ thuật nào, bạn sẽ sửa mã trang web của mình và cải thiện điểm số PageSpeed Insights!
CONTENTS:
Cải thiện điểm số của PageSpeed Insights # 1: Kiểm tra Google PageSpeed
Để bắt đầu, bạn phải kiểm tra xem trang web của bạn sắp xếp như thế nào so với số liệu PageSpeed của Google. Điều này được làm tại chỗ, không cần tài khoản, không cần đăng ký email, cũng không có bất cứ phù thủy tiếp thị nào. Chỉ cần lấy URL trang web (hoặc bất kỳ URL nào bạn muốn kiểm tra) và truy cập TẠI ĐÂY .
Chỉ cần dán URL trang web của bạn và chờ một chút, quá trình sẽ mất vài giây tùy thuộc vào độ phức tạp của trang. Hãy nhớ rằng phân tích được thực hiện liên quan đến URL chính xác đó – không phải toàn bộ trang web. Trang được tải cả cho sử dụng máy tính để bàn và đồ di động, vì vậy bạn thực sự sẽ nhận được hai báo cáo.
Thang điểm của Google đi từ 0-100 và mỗi điểm được đánh dấu bằng một màu riêng biệt, tùy thuộc vào các mức hiệu suất: đỏ, vàng và xanh lục. Ghi trên 85 điểm được đánh dấu màu xanh lá cây, báo hiệu bạn đang ở bên an toàn.
10 quy tắc của Google PageSpeed Insights
Sau khi chạy phân tích, bạn sẽ nhận được một báo cáo chi tiết về những gì trang web của bạn đang hoạt động tốt, cũng như những điều cần cải thiện, với các đề xuất hành động cho cả phiên bản di động và máy tính để bàn. Có 10 quy tắc chính mà Google đang theo dõi, một số quy tắc sẽ được đáp ứng thành công, một số thì không.
Đối với những người thất bại, bạn sẽ rút ra cách xử lý tốt hơn các yêu cầu, chủ yếu là giải quyết các quản trị web làm việc theo cách trực tiếp vào mã.
Dưới đây là những điều bạn nên làm đầu tiên:
- Tận dụng bộ nhớ đệm trình duyệt (xem quy tắc gốc )
Một số thứ của trang web của bạn được lưu trữ tạm thời (được lưu trong bộ nhớ cache) để tải đơn giản hơn. Tải nội dung không được lưu trong bộ nhớ cache (HTML, CSS, logo, hình ảnh) sẽ làm mọi thứ chậm lại đáng kể . Chẳng ngạc nhiên khi nó là bản sửa lỗi số một cho trang web của bạn nếu bạn muốn cải thiện điểm số InsSpeed Insights.
Bộ nhớ đệm cho các trang web WordPress được quản lý bởi 1 số plugin miễn phí và cao cấp. Tôi khuyên bạn nên dùng thử W3 Total Cache (giải pháp miễn phí, liên kết bên dưới) hoặc truy cập trực tiếp vào WP Rocket, có thẻ giá, nhưng vẫn rất phải chăng (đó là những gì chúng tôi dùng trên blog).
- Loại bỏ JavaScript chặn kết xuất (xem quy tắc gốc )
Nói tóm lại, một số mã JavaScript có thể can thiệp vào nội dung trong màn hình đầu tiên của bạn, ngăn trang tải đúng cách.
Có hai mặt của vấn đề này:
- Giải thích kỹ thuật: điều bạn cần làm là chuyển cuộc gọi đến jQuery từ đầu trang xuống sâu hơn, điều chỉnh khi cuộc gọi đến mô-đun jQuery được thực hiện.
- Giải pháp đơn giản hóa: bạn có thể khắc phục sự cố với một plugin thú vị – Java Deffered JavaScripts. Nó sẽ buộc trình duyệt tải xuống JavaScripts song song, giúp trang web tải nhanh hơn.
- Tối ưu hóa phân phối CSS (xem quy tắc ban đầu )
Hầu hết CSS yêu cầu thêm thời gian để tải xuống, vì vậy việc giảm trọng lượng của mã CSS cũng sẽ giúp cải thiện điểm số PageSpeed Insights.
Một plugin thực sự hiệu quả khi tổng hợp và giảm thiểu JavaScript, CSS và HTML được gọi là Tự động tối đa hóa. Chỉ cần cài đặt nó và chạy các tùy chọn bạn muốn trong Cài đặt / Tự động tối đa hóa.
Nếu bạn không thích nó, bạn nên dùng WP Super Minify thay thế.
- Giảm thiểu tài nguyên (xem quy tắc ban đầu )
Mã không cần thiết hoặc dư thừa ảnh hưởng tới hành vi của trình duyệt. Google sẽ hạ cấp bạn khi các tệp HTML, CSS và JavaScript của bạn quá lớn. Bạn nên giảm thiểu tất cả các tệp JavaScript lớn hơn 4096 byte.
Quá trình này được xử lý tốt bởi các plugin cũng tối ưu hóa phân phối CSS, mà chúng tôi đã đề cập ở điểm trước: WP Super Minify hoặc Autoptizes . Sử dụng chúng để cải thiện điểm số PageSpeed Insights.
Xem thêm : Xây dựng trang Website với WordPress
- Kích hoạt tính năng nén GZip (xem quy tắc gốc )
Tiếp tục với các cải tiến mã, CSS và HTML cũng được nén. Điều này được thực hiện với nén GZip, giúp giảm size trang web của bạn trước khi gửi nó đến trình duyệt. Điều này có thể được thiết lập theo nhiều cách:
Bạn có thể có máy chủ web của bạn thiết lập này.
Bạn có thể đặt nó trong tệp .htaccess của bạn.
Bạn có thể kích hoạt nó thông qua plugin bộ nhớ đệm của mình, như W3 Total Cache đã nói ở trên.
- Tối ưu hóa hình ảnh (xem quy tắc ban đầu )
Trung bình hình ảnh đóng góp cho khoảng 60% tổng kích thước của trang web – đây là yếu tố lớn nhất ảnh hưởng đến thời gian tải. Quá trình tối ưu hóa có thể giảm đáng kể kích thước hình ảnh của bạn bằng cách xóa thông tin không cần thiết và bằng cách nén lại chúng một cách thông minh bằng các thuật toán phù hợp nhất.
Việc tối ưu hóa có thể được xử lý theo những cách khác nhau. Tối ưu hóa lossless là vừa phải và nó được khuyến nghị cho các bản vẽ kỹ thuật trong đó không có chi tiết nào nên được xóa khỏi hình ảnh. Tối ưu hóa tổn thất sẽ cải thiện triệt để tốc độ trang web bằng cách thu nhỏ hình ảnh mạnh mẽ hơn. Tuy nhiên, điều này sẽ không can thiệp vào khía cạnh hình ảnh của hình ảnh của bạn. Hình ảnh sẽ vẫn được hiển thị chính xác trên web và việc tối ưu hóa sẽ không làm phiền cách người dùng nhìn thấy hình ảnh trực tuyến.
Một điều nữa, máy ảnh và smartphone tạo ra những bức ảnh với rất nhiều megapixel, không cần thiết cho web. Để giữ kích thước hình ảnh tối ưu và giảm mức sử dụng không gian máy chủ, bạn cũng nên thay đổi kích thước hình ảnh theo chiều rộng và chiều cao tối đa mà chủ đề WordPress của bạn có thể xử lý.
Để biết chi tiết cách tối ưu hóa hình ảnh, vui lòng xem bài đăng khác của chúng tôi ở đây. Nó sẽ giúp bạn cải thiện điểm số PageSpeed Insights.
- Cải thiện thời gian phản hồi của máy chủ (xem quy tắc ban đầu )
Thời gian phản hồi chậm có thể do 1 số vấn đề: lưu trữ web kém, thiết lập máy chủ web, quá tải lưu lượng truy cập hoặc dùng quá nhiều tài nguyên. Đề xuất thời gian phản hồi máy chủ tối ưu của Google được đặt dưới 200ms.
Ngoài ra, việc có quá nhiều plugin được mã hóa kém có thể ảnh hưởng đến thời gian phản hồi của máy chủ. Để xem các plugin nào làm chậm trang web, hãy dùng plugin P3 (Plugin Performance Profiler) . Nó sẽ đưa cho bạn 1 danh sách tất cả những người gây rắc rối.
- Ưu tiên nội dung hiển thị (xem quy tắc ban đầu )
Thực tế tốt nhất trong mã hóa trang web – khi xây dựng cấu trúc HTML của trang web của bạn – là đặt nội dung lên hàng đầu, tiếp theo là các yếu tố phụ và JavaScript tiếp tục xuống trang.
Google cũng cảnh báo về việc giảm lượng dữ liệu được sử dụng bởi tài nguyên của bạn – một tùy chọn cần được giải quyết bằng các plugin được đề xuất khi thảo luận về quy tắc số 4.
- Sử dụng tập lệnh không đồng bộ (xem quy tắc gốc )
Khi mã được trình duyệt thực thi đồng bộ, nó không thể làm nhiều tác vụ cùng một lúc và sẽ ngăn trang tải nhanh hơn.
Đối với điều này, Google đã xuất bản một danh sách các phiên bản không đồng bộ của các công cụ / tập lệnh JavaScript phổ biến . Đảm chắc chắn bạn dùng chúng thay vì các phiên bản tiêu chuẩn của chúng để cải thiện điểm số PageSpeed Insights.
- Tránh chuyển hướng nhiều trang đích (xem quy tắc ban đầu )
Chuyển hướng là 1 công cụ tuyệt vời để mọi người có được chính sác nơi bạn muốn họ đến trên trang web. Tuy nhiên, các chuyển hướng chẳng cần thiết cũng sẽ gây ra sự chậm trễ và làm cho việc cải thiện điểm số InsSpeed Insights cho trang web WordPress trở nên khó khăn hơn.
Đặc biệt, Google không thích chuyển hướng dưới bất cứ hình dạng hoặc hình thức nào. Tuy nhiên, khi bạn cần sử dụng chúng, hãy đảm bảo rằng bạn chỉ có 1 chuyển hướng cho một URL.
Ví dụ: tránh chuyển hướng từ site.com/page » www.site.com/page » m.site.com/page khi giao dịch với phiên bản di động.
Nếu bạn chỉ muốn chuyển hướng 301 một lần, hãy thử một plugin có tên Linker. Nói tóm lại, nó cho Google biết rằng bất cứ điều gì bạn chuyển hướng không phải là chuyển hướng tạm thời nhưng sẽ ở đó mãi mãi.
Phần kết luận
Được rồi, với tất cả những gì chúng tôi viết bên trên, lời khuyên của tôi là thực sự bắt đầu bằng cách giải quyết các vấn đề quan trọng nhất được báo hiệu trong báo cáo Thông tin chi tiết về trang của bạn.
Để hiểu sâu hơn về từng đề xuất, hãy xem quy tắc của nhà phát triển Google – mọi thứ được giải thích rộng rãi hơn. Thử nghiệm Google PageSpeed Insights được lặp lại bao nhiêu lần bạn muốn, nhưng cho phép 1 chút thời gian giữa các lần chạy, vì kết quả được lưu ở bộ nhớ cache trong 30 giây hoặc lâu hơn.
Xem thêm : Tạo Web bán hàng miễn phí
Tôi hy vọng bạn sẽ cảm thấy tự tin hơn nhiều để giải quyết tất cả các quy tắc PageSpeed Insights tại thời điểm này. Tôi cũng quan tâm để tìm hiểu cách bạn đã xử lý các vấn đề này, những công cụ hiệu suất nào khác mà bạn đã thử và cách chúng giúp đỡ. Chia sẻ chúng trong bình luận.
Và cuối cùng, muốn làm cho trang web nhanh hơn? Đừng quên khóa học email miễn phí của chúng tôi về cách tăng tốc trang web WordPress.