Nhưng các trang web WordPress chậm là một vấn đề phổ biến.
Đây là điểm số trên thiết bị di động cho một trang của tôi trong PageSpeed Insights.
Trước khi tối ưu hóa.
Nếu chúng tôi chạy toàn bộ trang web thông qua Kiểm tra trang web của Ahrefs — hiển thị thời gian tải trang cho tất cả các trang — chúng tôi thấy rằng đây cũng không phải là trang tải chậm duy nhất. Không ai trong số họ tải nhanh chóng, với thời gian tải trung bình là 570ms.
Trước khi tối ưu hóa.
Bây giờ đây chính là trang đó sau khoảng 20 phút tối ưu hóa tốc độ trang:
Sau khi tối ưu hóa.
Và phần còn lại của các trang trong Kiểm tra trang web:
Sau khi tối ưu hóa.
Sự khác biệt là ngày và đêm. Điểm từ PageSpeed Insights là gần như hoàn hảo và mọi trang đều tải khá nhanh.
Trong hướng dẫn này, tôi sẽ chỉ cho bạn chính xác cách tôi đã thực hiện việc này trong một vài bước đơn giản và dễ dàng.
- Xóa các plugin không sử dụng
- Công tắc điện DNS nhà cung cấp cho Cloudflare
- Cài đặt một plugin bộ nhớ đệm
- Giảm thiểu mã của bạn
- Phối hợp CSS và các tệp JavaScript
- Loại bỏ các tài nguyên chặn hiển thị
- Tải hình ảnh và video lười biếng
- Tối ưu hóa Google Fonts
- Bật tải trước
- Sử dụng một CDN
- Tối ưu hóa hình ảnh của bạn
quan trọng
Nhiều tối ưu hóa được đề xuất bên dưới sử dụng WPRocket, một plugin trả phí để tăng tốc trang web WordPress của bạn. Tôi đã liệt kê các lựa chọn thay thế miễn phí nếu có thể, nhưng điều quan trọng cần lưu ý là các plugin đôi khi có thể xung đột với nhau và gây ra sự cố. Bạn nên luôn kiểm tra xem chúng ảnh hưởng như thế nào đến trang web của bạn trong môi trường dàn dựng trước khi đẩy bất kỳ thay đổi nào lên trang web trực tiếp của bạn. Tìm hiểu cách thiết lập một trang web dàn dựng tại đây.
Trừ khi bạn có một trang web WordPress hoàn toàn mới, rất có thể bạn đã cài đặt một loạt các plugin mà bạn không sử dụng trong nhiều năm. Một số trong số này có thể ảnh hưởng đến tốc độ trang, vì vậy bạn nên hủy kích hoạt và gỡ cài đặt bất kỳ thứ gì bạn không cần làm điểm khởi đầu.
Chỉ cần cẩn thận khi làm điều này. Nếu bạn không chắc liệu có cần thứ gì đó hay không, hãy để nó ở đó.
Trang web là các tệp trên ổ cứng (máy chủ) được kết nối với internet. Và mọi thiết bị kết nối với Internet đều có IP địa chỉ (ví dụ: 123.123.12.1).
Bởi vì IP địa chỉ khó ghi nhớ, tên miền được ánh xạ tới IP địa chỉ sử dụng DNS, là viết tắt của Hệ thống tên miền. Bạn có thể coi đây là danh bạ của web. Khi bạn nhập một miền vào trình duyệt của mình, DNS tra cứu xảy ra để tìm máy chủ của IP Địa chỉ.
Nhưng vấn đề ở đây là: hầu hết mọi người đều sử dụng DNS nhà cung cấp từ công ty đăng ký tên miền của họ, thường chậm.
Nếu đây là bạn, hãy chuyển sang DNS nhà cung cấp như Cloudflare.
Để làm điều này, hãy đăng ký một tài khoản Cloudflare miễn phí. Nhấp vào “Thêm trang web”, nhập tên miền của bạn và nhấp vào nút.
Chọn gói miễn phí, sau đó nhấp vào “Xác nhận gói”.
Cloudflare bây giờ sẽ cho bạn cơ hội để đánh giá DNS cài đặt trước khi tiếp tục. Nếu không có cảnh báo, bạn thường an toàn để tiếp tục.
Bây giờ tất cả những gì còn lại phải làm là hoán đổi máy chủ định danh của bạn với công ty đăng ký tên miền của bạn. Cách bạn thực hiện việc này khác nhau giữa các tổ chức đăng ký tên miền, vì vậy đừng ngần ngại nhờ họ hỗ trợ nếu bạn không chắc chắn về cách thực hiện.
Đây là quy trình nếu bạn đang sử dụng Google Domains:
Bộ nhớ đệm là một quá trình lưu trữ tạm thời các tệp để chúng có thể được gửi đến khách truy cập một cách hiệu quả hơn.
Có hai loại chính:
- Bộ nhớ đệm của trình duyệt: Lưu các tệp ‘phổ biến’ như biểu trưng trên ổ cứng của người dùng để họ không phải tải xuống lại khi truy cập nhiều lần.
- Bộ nhớ đệm máy chủ: Lưu phiên bản ‘tĩnh’ được xây dựng hoàn chỉnh của trang trên máy chủ để không phải tạo lại mỗi khi khách truy cập mới yêu cầu.
WP Rocket làm cho việc kích hoạt bộ nhớ đệm trở nên đơn giản. Chỉ cần mua, cài đặt và kích hoạt nó. Bộ nhớ đệm cơ bản (máy chủ và trình duyệt) được bật theo mặc định. Nếu trang web của bạn đáp ứng, hãy chuyển đến cài đặt bộ nhớ cache và chọn hộp để bật bộ nhớ đệm cho thiết bị di động.
Tìm kiếm một lựa chọn miễn phí? Thử W3 Tổng bộ nhớ cache.
Minification loại bỏ khoảng trắng và nhận xét khỏi mã để giảm kích thước tệp. Và các tệp nhỏ hơn dẫn đến thời gian tải nhanh hơn.
Nếu bạn đang sử dụng WPRocket, hãy đánh dấu vào các hộp kiểm để giảm thiểu CSS và JavaScript trong cài đặt.
Nếu bạn không sử dụng WPRocket, hãy cài đặt và kích hoạt Autoptimize và làm tương tự.
Chỉ cần biết rằng bạn nên luôn kiểm tra xem điều này ảnh hưởng như thế nào đến trang web của bạn trước khi triển khai trực tiếp. Giảm thiểu thường có thể dẫn đến mã bị hỏng, đặc biệt là khi nói đến Javascript.
Hầu hết các trang web WordPress bao gồm nhiều CSS và các tệp JavaScripts. Một số dành cho chủ đề, một số khác dành cho plugin và bạn cũng có thể có một số tùy chỉnh.
Việc kết hợp các tệp này có thể tăng tốc mọi thứ, nhưng nó phụ thuộc vào thiết lập máy chủ của bạn.
- Với HTTP/1.1, CSS và các tệp JavaScript đang tải liên tục. Điều đó có nghĩa là một tệp cần được tải đầy đủ trước khi tệp tiếp theo có thể bắt đầu tải.
- Với HTTP/ 2, các tệp tải đồng thời. Điều đó có nghĩa là nhiều CSS và các tệp JavaScript có thể bắt đầu tải cùng một lúc.
Nếu máy chủ của bạn sử dụng HTTP/1.1, việc kết hợp các tệp sẽ đẩy nhanh tốc độ vì cần tải ít tệp hơn. Nếu nó sử dụng HTTP/ 2, việc kết hợp các tệp sẽ không nhất thiết tạo ra nhiều khác biệt vì dù sao thì các tệp cũng có thể tải cùng lúc.
Để xem trang web của bạn sử dụng phiên bản nào, hãy cắm miền của bạn vào Key CDNNgười thử nghiệm.
Nếu HTTP/ 2 không được hỗ trợ, nó đáng để kết hợp CSS và các tệp JavaScript.
Để thực hiện việc này trong WPRocket, hãy đánh dấu vào các hộp kiểm để “Kết hợp các tệp JavaScript” và “Kết hợp CSS tệp ”trong cài đặt.
Nếu bạn đang sử dụng Tự động tối ưu hóa, có hai hộp kiểm để “tổng hợp” các tệp. Chỉ cần biết rằng những điều này đôi khi có thể làm ‘hỏng’ mọi thứ trên trang web của bạn, vì vậy bạn nên kiểm tra kỹ để đảm bảo mọi thứ vẫn trông và hoạt động như cũ sau khi được bật. Và hãy nhớ xóa bộ nhớ cache trước và kiểm tra các thay đổi trong cửa sổ ẩn danh. Nếu không, những thay đổi có thể không được phản ánh trong những gì bạn thấy.
Kết xuất là quá trình biến mã thành một trang web hiển thị.
Từ khóa ở đó là “hiển thị” vì một trang web không phải lúc nào cũng cần tải đầy đủ trước khi hiển thị.
Vì lý do đó, nên ưu tiên tải tài nguyên cho nội dung “trong màn hình đầu tiên”.
Bạn có thể làm điều này bằng cách trì hoãn việc tải các trang không quan trọng CSS và các tệp JavaScript cần thiết cho nội dung “dưới màn hình đầu tiên” cho đến sau này. Để làm điều đó trong WPRocket, hãy chọn các hộp để “Tải JavaScript hoãn lại” và “Tối ưu hóa CSS chuyển.”
Nếu không sử dụng WPRocket, bạn sẽ cần hai plugin: Autoptimize và Async JavaScript.
Trong cài đặt cho Tự động tối ưu hóa, hãy chọn hộp để “Nội tuyến và trì hoãn CSS. ” Sau đó, trong cài đặt cho Async JavaScript, hãy nhấn “Enable Async JavaScript.
Nếu trước đây bạn gặp sự cố “loại bỏ tài nguyên chặn hiển thị” trong PageSpeed Insights, thì điều này thường sẽ khắc phục được sự cố đó.
Tải chậm cải thiện tốc độ trang bằng cách hoãn tải hình ảnh và video cho đến khi chúng hiển thị trên màn hình. Nếu bạn đang chạy WordPress 5.5+, tính năng tải chậm hình ảnh được bật theo mặc định, nhưng không được bật cho video.
Nếu bạn đang sử dụng WPRocket, hãy giải quyết vấn đề này bằng cách đánh dấu vào hộp “Bật iframe và video” trong cài đặt LazyLoad.
Nếu bạn không sử dụng WPRocket, plugin Lazy Load for Videos cũng làm được điều tương tự.
Nhiều chủ đề sử dụng Phông chữ của Google và những phông chữ này phải được tải xuống từ máy chủ của Google mỗi khi ai đó truy cập trang web của bạn. Đó có thể là một quá trình tốn thời gian vì máy chủ của bạn phải thực hiện HTTP yêu cầu, tải xuống CSS , sau đó tải xuống phông chữ từ vị trí được tham chiếu trong biểu định kiểu. Và nó phải làm điều này cho mọi phông chữ trên trang.
Nếu bạn đang sử dụng WPRocket, nó sẽ tự động tối ưu hóa các yêu cầu Google Fonts. Nếu không, Hoán đổi Hiển thị Phông chữ của Google là một điểm khởi đầu tốt.
Tải trước cho phép bạn xác định các tài nguyên thiết yếu, vì vậy trình duyệt biết mức độ ưu tiên của các tệp cần tải.
Ví dụ: giả sử mã của bạn trông giống như sau:
Nội dung
Dựa trên mã này, tệp JavaScript sẽ cần phải tải trước tiên do hệ thống phân cấp. Điều đó không lý tưởng vì CSS tệp gần như chắc chắn quan trọng hơn mã JavaScript.
Cách đơn giản nhất để giải quyết vấn đề này là thêm một dòng mã khác, như sau:
Điều đó yêu cầu các trình duyệt ưu tiên CSS tệp qua tệp JavaScript, bất kể phân cấp.
Bạn có thể thêm các thuộc tính tải trước theo cách thủ công bằng cách chỉnh sửa mã, nhưng điều đó có thể trở nên lộn xộn và khó hiểu trừ khi bạn biết mình đang làm gì. Sẽ dễ dàng hơn nhiều chỉ cần cài đặt WPRocket, tính năng này tự động thực hiện việc này.
Mạng phân phối nội dung (CDN) là các nhóm máy chủ được phân phối trên toàn thế giới. Mỗi người trong số này lưu trữ một bản sao trang web của bạn để người dùng kết nối nhanh hơn khi yêu cầu trang web.
Ví dụ: giả sử máy chủ của máy chủ lưu trữ web của bạn ở Vương quốc Anh. Nếu ai đó truy cập trang web của bạn từ CHÚNG TA và bạn không sử dụng CDN, kết nối giữa thiết bị của họ và máy chủ của bạn sẽ chậm. Nếu ai đó ghé thăm từ CHÚNG TA và bạn sử dụng một CDN, thiết bị của họ sẽ kết nối với máy chủ gần nhất, giúp mọi thứ kết nối nhanh hơn.
Có rất nhiều CNS các nhà cung cấp, vì vậy tất cả những gì bạn cần làm là chọn một, kích hoạt nó trong WPRocket và nhập CNAME.
Tính năng tải chậm giải quyết được nhiều vấn đề liên quan đến hình ảnh, nhưng nó không giúp ích được gì để giúp hình ảnh tải trong màn hình đầu tiên. Càng lớn, chúng càng tác động tiêu cực đến thời gian tải.
Để giải quyết vấn đề này, hãy nén hình ảnh của bạn bằng một plugin như Shortpixel. Chỉ cần cài đặt nó, kích hoạt nó, đi tới cài đặt, nhập API , nhấp vào “Lưu và Đi tới Quy trình hàng loạt, sau đó nhấp vào“ Khởi động lại tối ưu hóa ”.
Nếu bạn thấy rằng đây là chất lượng quá thấp, hãy chuyển đến cài đặt và thay đổi kiểu nén thành bóng hoặc không mất chất lượng.
Kết quả
Hãy xem những tối ưu hóa này tác động như thế nào đến tốc độ trang của chúng tôi theo một số công cụ phổ biến.
Dưới đây là số liệu thống kê trước và sau cho bài đăng của tôi trong Thông tin chi tiết về tốc độ trang của Google:
Trước khi tối ưu hóa.
Sau khi tối ưu hóa.
Và đây cũng là điều tương tự từ GTMetrix:
Trước khi tối ưu hóa.
Sau khi tối ưu hóa.
Bạn có thể thấy rằng trang trước đó đã được tải đầy đủ trong 5,9 giây với kích thước trang 1,89mb và 67 yêu cầu. Sau khi tối ưu hóa, cả ba chỉ số đều giảm. Kích thước trang là 695 kilobyte, thời gian tải đầy đủ là 4 giây và số lượng yêu cầu đã giảm gần 50%.
Nếu chúng tôi kiểm tra tất cả các trang trên trang web trong Kiểm tra trang web của Ahrefs, chúng tôi thấy thời gian tải trung bình và phân vị thứ 95 được cải thiện khoảng 40%.
Suy nghĩ cuối cùng
Mọi thứ ở trên đều hoạt động tốt cho trang web của tôi và nó cũng hoạt động tốt cho các trang web khác. Tuy nhiên, điều quan trọng cần nhớ là mọi cấu hình WordPress đều khác nhau. Bạn có thể có nhiều plugin hơn, chủ đề phức tạp hơn, lưu trữ chậm hơn hoặc nhiều tập lệnh theo dõi của bên thứ ba hơn, tất cả đều làm chậm trang web của bạn.
Nếu tốc độ trang của bạn vẫn có thể thực hiện với một số cải thiện sau khi thực hiện các tối ưu hóa này, thì có khả năng bạn cần thực hiện công việc tùy chỉnh trên trang web của mình. Vì vậy, bạn nên thuê một nhà phát triển hoặc chuyên gia về tốc độ trang để xem xét mọi thứ kỹ hơn một chút.
Hoặc, nếu bạn muốn biết thêm chi tiết về các vấn đề cụ thể, hãy xem hướng dẫn tốc độ trang đầy đủ của chúng tôi.
Chúng tôi có bỏ lỡ điều gì quan trọng từ hướng dẫn này không? Ping tôi trên Twitter.
The post Cách tăng tốc trang web WordPress của bạn trong 20 phút appeared first on Google Entity Stacking.
from Google Entity Stacking https://googleentitystacking.com/cach-tang-toc-trang-web-wordpress-cua-ban-trong-20-phut/
via google entity stacking
Dịch vụ tạo Google Entity Stacking chuẩn nhất ✅ Social index > 90% ✅ Có hỗ trợ khai báo Schema chuẩn cho website ✅ 09 6666 4361
https://googleentitystacking.com/
#googleentitystacking #googlestack #seoentity #dịchvụtạogoogleentity #dịch_vụ_tạo_google_entity #dichvutaogoogleentity #dich_vu_tao_google_entity