Tốc độ trang wordpress
|
Nhận điểm Tốc độ trang của bạn và sử dụng các đề xuất về Tốc độ trang để làm cho trang web của bạn nhanh hơn thông qua công cụ trực tuyến của chúng tôi Show
Chạy Insights Đọc tài liệu  Tăng tốc với Mô-đun PageSpeedChạy các Mô-đun PageSpeed mã nguồn mở trên máy chủ Apache hoặc Nginx của bạn để tự động viết lại và tối ưu hóa tài nguyên trên trang web của bạn Tìm hiểu thêm về Mô-đun PageSpeed Tận dụng cơ sở hạ tầng của GoogleTăng tốc trình duyệt của bạn với Google Public DNSTận dụng Google Public DNS để cải thiện bảo mật và tốc độ trải nghiệm duyệt web của bạn Tìm hiểu thêm về Google Public DNS Giảm tải các thư viện mã nguồn mở phổ biếnTăng tốc trang web của bạn bằng cách sử dụng cơ sở hạ tầng của Google để phục vụ các thư viện JavaScript mã nguồn mở, phổ biến nhất Tìm hiểu thêm về các thư viện được lưu trữ Tìm hiểu về những đóng góp của Google cho các giao thức và tiêu chuẩn hiệu suất mới nhấtGiao thức & Tiêu chuẩnTìm hiểu về các giao thức và tiêu chuẩn web mới nhất được thiết kế để làm cho web nhanh hơn WebP Thực tiễn tốt nhất về hiệu suấtĐi sâu vào thực tiễn web hiệu suất để tìm hiểu về tối ưu hóa web hiệu suất mới nhất cho trang web của bạn WordPress đang giải phóng các trang web, cung cấp chúng cho những người không phải là nhà phát triển. Mọi người đang phát hiện ra rằng họ có thể tự mình 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 đó thật tuyệt vời. Tuy nhiên, điều này cũng tạo ra một số vấn đề trên đường đi. Chẳng hạn, bạn sẽ làm gì nếu điểm Google PageSpeed Insights của bạn hơi thấp? Có rất nhiều cuộc 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 để nâng cao tiêu chuẩn nhằm cải thiện điểm số Thông tin chi tiết về tốc độ trang cho trang web của mình 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ó sẵn các công cụ khác để theo dõi hiệu suất trang web. GT Metrix và Pingdom thực hiện công việc tuyệt vời trong việc phân tích tốc độ trang web và tôi cũng khuyên bạn nên kiểm tra chúng. Tuy nhiên, không nên bỏ qua các quy tắc của trò chơi do Google đặt ra, hơn nữa vì chúng rất dễ bị đá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 về thời gian tải trang web của bạn Tin vui là đối với hầu hết các quy tắc PageSpeed của Google, có một plugin WordPress có thể hỗ trợ bạn. Không cần bất kỳ nền tảng kỹ thuật nào, bạn sẽ có thể sửa mã trang web của mình và cải thiện điểm số Thông tin chi tiết về tốc độ trang Cách cải thiện điểm #PageSpeed Insights với #WordPress #plugins miễn phí 🔌 🐌 Nhấp để Tweet Cải thiện điểm PageSpeed Insights bước #1. Kiểm tra tốc độ trang của GoogleĐể bắt đầu, bạn phải kiểm tra xem trang web của mình xếp hạng như thế nào so với các chỉ số Tốc độ trang của Google. Điều này có thể được thực hiện ngay tại chỗ, không cần tài khoản, không cần đăng ký email hay bất kỳ thủ thuật tiếp thị nào. Chỉ cần lấy URL trang web của bạn (hoặc bất kỳ URL nào bạn muốn kiểm tra) và Chỉ cần dán URL trang web của bạn và đợi 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ìm nạp cho cả việc sử dụng trên máy tính để bàn và thiết bị di động, vì vậy bạn sẽ thực 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 mức hiệu suất. đỏ, vàng và xanh lá cây. 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 InsightsSau 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 có thể hành động cho cả phiên bản dành cho thiết bị 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 không thành công, bạn sẽ nhận được lời khuyên về cách xử lý các yêu cầu tốt hơn, chủ yếu là giải quyết các quản trị viên web có thể làm việc trực tiếp với mã Đây là những điều bạn nên làm đầu tiên 1. Tận dụng bộ nhớ đệm của trình duyệt (xem quy tắc ban đầu)Một số thành phần của trang web của bạn có thể được lưu trữ tạm thời (được lưu trong bộ nhớ cache) để tải dễ dàng 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ể. Không có gì ngạc nhiên khi đây là cách khắc phục số một cho trang web của bạn nếu bạn muốn cải thiện điểm số Thông tin chi tiết về tốc độ trang Bộ nhớ đệm cho các trang web WordPress được quản lý bởi một 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 sử dụng trên blog) (các) tác giả. ĐậmLưới Phiên bản hiện tại. 2. 2. 9 Cập nhật lần cuối. Ngày 12 tháng 12 năm 2022 w3-total-cache. 2. 2. 9. khóa kéo 88%Xếp hạng 1.000.000+Số lượt cài đặt WP 5. 3+Yêu cầu 2. Loại bỏ JavaScript chặn hiển thị (xem quy tắc gốc)Nói tóm lại, một số mã JavaScript có thể đang can thiệp vào nội dung trong màn hình đầu tiên của bạn, ngăn không cho trang tải đúng cách Có hai mặt của vấn đề này
(các) tác giả. Diễn viên: Willy BahuaudDaniel RocheGrégory Viguier Phiên bản hiện tại. 2. 0. 5 Cập nhật lần cuối. Ngày 1 tháng 9 năm 2016 wp-deferred-javascripts. 2. 0. 5. khóa kéo 64%Xếp hạng 2.000+Cài đặt WP 3. 0+Yêu cầu 3. Tối ưu hóa phân phối CSS (xem quy tắc ban đầu)Hầu hết CSS cần thêm thời gian để tải xuống, do đó, 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à Autoptimize. Chỉ cần cài đặt nó và bật các tùy chọn bạn muốn trong Cài đặt / Tự động tối ưu hóa (các) tác giả. Frank Goossens (futtta) Phiên bản hiện tại. 3. 1. 4 Cập nhật lần cuối. Ngày 3 tháng 12 năm 2022 tự động tối ưu hóa. 3. 1. 4. khóa kéo 94%Xếp hạng 1.000.000+Số lượt cài đặt WP 4. 9+Yêu cầu Nếu không thích, bạn có thể sử dụng WP Super Minify để thay thế 4. 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 đến hành vi của trình duyệt. Google sẽ hạ cấp bạn khi tệp HTML, CSS và JavaScript của bạn quá lớn. Bạn nên thu nhỏ 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 việc phân phối CSS mà chúng tôi đã đề cập ở điểm trước. WP Super Minify hoặc Autoptimize. Sử dụng chúng để cải thiện điểm PageSpeed Insights 5. 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ó thể được nén. Điều này được thực hiện với tính năng nén GZip, giúp giảm kích thước trang web của bạn trước khi gửi tới trình duyệt. Điều này có thể được thiết lập theo nhiều cách khác nhau
6. Tối ưu hóa hình ảnh (xem quy tắc gốc)Trung bình, hình ảnh chiếm 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 không mất dữ liệu ở mức vừa phải và được khuyến nghị cho các bản vẽ kỹ thuật không cần xóa chi tiết khỏi hình ảnh. Tối ưu hóa mất dữ liệu có thể 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 trực quan 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 ảnh hưởng đến cách người dùng xem hình ảnh trực tuyến Một điều nữa, máy ảnh và điện thoại thông minh tạo ra những bức ảnh có 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 dung lượng máy chủ, bạn cũng nên thay đổi kích thước hình ảnh thành chiều rộng và chiều cao tối đa mà chủ đề WordPress của bạn có thể xử lý Để biết hướng dẫn chi tiết về 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 tại đây. Nó sẽ giúp bạn cải thiện điểm PageSpeed Insights 7. 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 một số vấn đề gây ra. 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 sử 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 200 mili giây Trong số những thứ khá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ủ 8. Ưu tiên nội dung hiển thị (xem quy tắc ban đầu)Một thực tiễn rất tốt trong mã hóa trang web – khi xây dựng cấu trúc HTML cho trang web của bạn – là đặt nội dung lên trước, sau đó là tất cả các thành phần phụ và JavaScript ở phía dưới 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 lẽ ra phải được giải quyết bằng các plugin được đề xuất khi thảo luận về quy tắc #4 9. 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ể thực hiện 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 bảo rằng bạn sử dụng chúng thay vì phiên bản tiêu chuẩn của chúng để cải thiện điểm số Thông tin chi tiết về tốc độ trang 10. Tránh chuyển hướng nhiều trang đích (xem quy tắc ban đầu)Chuyển hướng là một công cụ tuyệt vời để đưa mọi người đến chính xác nơi bạn muốn họ trên trang web của bạn. Tuy nhiên, các chuyển hướng không cần thiết cũng sẽ gây ra sự chậm trễ và khiến việc cải thiện điểm PageSpeed Insights cho trang web WordPress của bạn trở nên khó khăn hơn Google không đặc biệt thích chuyển hướng dưới bất kỳ hình thức 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ó một chuyển hướng cho một URL duy nhất Ví dụ: tránh chuyển hướng từ Nếu bạn chỉ muốn chuyển hướng 301 một lần đơn giản, hãy dùng thử plugin có tên Trình liên kết. Nói tóm lại, nó cho Google biết rằng bất cứ điều gì bạn đang chuyển hướng không phải là chuyển hướng tạm thời mà sẽ ở đó lâu dài (các) tác giả. Yakir Sitbon, Ariel Klikstein Phiên bản hiện tại. 1. 2. 1 Cập nhật lần cuối. Ngày 8 tháng 11 năm 2022 trình liên kết. 1. 2. 1. khóa kéo 84%Xếp hạng 2.000+Cài đặt WP 3. 5+Yêu cầu Phần kết luậnĐược rồi, với tất cả những điều đó phía sau chúng ta, lời khuyên của tôi là hãy thực sự bắt đầu bằng cách giải quyết các vấn đề quan trọng nhất được nêu trong báo cáo Thông tin chi tiết về tốc độ trang của bạn Để hiểu sâu hơn về từng đề xuất, hãy xem các quy tắc dành cho nhà phát triển của Google – mọi thứ được giải thích rộng rãi hơn. Thử nghiệm Google PageSpeed Insights có thể được lặp lại bao nhiêu lần tùy thích, nhưng hãy để thời gian trôi qua giữa các lần chạy vì kết quả được lưu trong bộ nhớ cache trong 30 giây hoặc lâu hơn 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 Thông tin chi tiết về tốc độ trang đó vào thời điểm này. Tôi cũng muốn tìm hiểu xem bạn đã xử lý những vấn đề này như thế nào, bạn đã thử những công cụ hiệu suất nào khác và chúng đã giúp ích như thế nào. Chia sẻ chúng trong bình luận Và cuối cùng, muốn làm cho trang web của bạn nhanh hơn? Tốc độ trang trong WordPress là gì?PageSpeed Insights là công cụ do Google phát triển tận dụng ứng dụng Lighthouse của họ . Cụ thể hơn, nó thu thập dữ liệu được tải trên một trang và tạo nhiều kiểm toán khác nhau.
Làm cách nào để đạt điểm 100 100 trong Google PageSpeed Insights với WordPress?Mẹo để đưa Thông tin chi tiết về tốc độ trang của bạn lên 100 . Giải quyết mọi vấn đề về tốc độ của bạn. . Coi trọng nội dung hiển thị. . Giảm thiểu mã là phải. . Tối ưu hóa hình ảnh của bạn. . Nén là chìa khóa. . Triển khai bộ nhớ đệm của trình duyệt. . Loại bỏ JavaScript chặn hiển thị. . Các trang di động được tăng tốc Làm cách nào tôi có thể tăng tốc trang web WordPress của mình?Cách tăng tốc trang web WordPress của bạn . Chạy thử nghiệm hiệu suất Chọn nhà cung cấp hosting đáng tin cậy Cập nhật mọi thứ Sử dụng phiên bản mới nhất của PHP Xóa các plugin không sử dụng Chỉ cài đặt plugin chất lượng cao Sử dụng một chủ đề nhẹ Tối ưu hóa hình ảnh Sự khác biệt giữa Thông tin chi tiết về Lighthouse và PageSpeed là gì?Lighthouse và PageSpeed Insights đều là những công cụ có giá trị để cải thiện hiệu suất trang web nhưng Lighthouse linh hoạt hơn và cung cấp thông tin chi tiết hơn . Ngọn hải đăng cũng có thể kiểm tra toàn bộ trang web trong khi PageSpeed Insights tập trung vào một trang. |
