Hướng dẫn chi tiết cách tăng tốc website WordPress mới nhất 2020

Hơn 34% web hiện được cung cấp bởi WordPress. Mặc dù điều này thật tuyệt vời, nhưng điều đó cũng có nghĩa là có hàng ngàn chủ đề, plugin và công nghệ khác nhau phải cùng tồn tại.

Đối với người dùng WordPress hàng ngày, điều này có thể nhanh chóng biến thành cơn ác mộng khi trang web của họ bắt đầu bị nghẽn và họ không biết tại sao hoặc thậm chí là bắt đầu khắc phục sự cố ở đâu.

Cải thiện tốc độ trang web của bạn là điều bạn nên lo lắng nhất cho blogger nói chung và cộng đồng WordPress nói riêng.

Sự thật rằng, người dùng thích duyệt các trang web có tốc độ tải trang nhanh và có nhiều công cụ trực tuyến cung cấp thông tin chi tiết về hiệu suất tốc độ trang web của bạn.

Sau đây là 10 phần quan trọng nhất để tối ưu tốc độ tải trang WordPress.

Bạn cần phải kiểm tra từ trên xuống và các đề xuất, cũng như các hướng dẫn của Tài để cải thiện tốc độ website WordPress

Ngoài ra phần cuối ( phần 11 ) sẽ là Case Study cho bạn để có được 1 website với tộc độ tải trang siêu việt mà không cần biết dòng code nào.

Tại sao có một trang web load nhanh là quan trọng

Mọi thứ đã thay đổi rất nhiều kể từ khi bắt đầu internet. Người dùng ngày nay mong đợi thời gian tải nhanh hơn đáng kể và trang web của bạn cần đáp ứng những mong đợi đó.

Trên thực tế, đảm bảo trang web của bạn nhanh và hoạt động tốt là điều đầu tiên trong bốn Nguyên tắc cơ bản về web của Google và thật dễ dàng để biết lý do tại sao.

Phần 1: Chọn WordPress Hosting hiệu suất cao

WordPress Server Hosting là những công ty lưu trữ tất cả dữ liệu của trang web của bạn.

Bạn đăng ký gói và tất cả hình ảnh, nội dung, video, v.v. của bạn, nằm trên một máy chủ ngồi trong trung tâm dữ liệu của máy chủ. WordPress Server Hosting cung cấp cho bạn một cách dễ dàng để truy cập dữ liệu, quản lý dữ liệu và định tuyến dữ liệu đến khách truy cập của bạn.

Có ba loại máy chủ WordPress rất khác nhau mà bạn sẽ gặp. Hãy đi sâu vào những ưu và nhược điểm của mỗi. 

Điều quan trọng là bạn chọn đúng ngay từ đầu, nếu không, bạn sẽ đơn giản khiến bản thân đau đầu và lãng phí thời gian trong quá trình vận hành website của mình

#1. Shared WordPress Hosting

wordpress shared hosting
wordpress shared hosting

WordPress Shared Hosting đầu tiên và phổ biến nhất là cái mà chúng Tài gọi là lưu trữ chia sẻ, Shared theo đúng nghĩa đen là được chia sẻ. Nghĩa là website của bạn giống như đang nằm chung giường với 1 chiếc giường tầng.

Các loại này bao gồm các máy chủ lớn nhất trong ngành như các công ty EIG như BluehostHostGator cũng như các nhà cung cấp như Siteground , GoDaddy và InMotion Hosting. Họ thường sử dụng cPanel và khách hàng trung bình thường trả từ 3 đến 25 đô la một tháng.

Bất cứ ai sử dụng loại lưu trữ này đôi khi sẽ gặp phải sự chậm chạp, đó chỉ là vấn đề thời gian.

Tại sao vậy? Bởi vì Shared Hosting có xu hướng quá đông máy chủ và nhiều website được gắn vào , do đó có thể ảnh hưởng đến hiệu suất của trang web của bạn.

Thường xuyên thấy lỗi 5xx, là những điều phổ biến bạn sẽ gặp phải ( lỗi không kết nối được với máy chủ )

Hoặc thậm chí tệ hơn, thời gian downtime . Mặc dù bạn không biết điều đó, nhưng trang web WordPress của bạn rất có thể đang ngồi trên cùng một máy chủ với hơn 200 người khác. Bất kỳ vấn đề nào xuất hiện với các trang web khác đều có thể xảy ra với trang web của bạn.

Kinh nghiệm của Tài cho thấy rằng, bạn nên sử dụng các Shared WordPress Hosting với Litespeed Webserver ( một nền tảng tối ưu hiệu suất WordPress ). Hiệu suất của nó thật đáng để kinh ngạc, xứng đáng từng đồng tiền bát gạo bản phải bỏ ra.

Lựa chọn hàng đầu của Tài cho Hosting WordPress có Litespeed Webserver.

#1. Hostinger ( Quốc Tế – Có máy chủ ở Singapore )

#2. A2 Hosting ( Quốc Tế – Có máy chủ ở Singapore )

#3. iNet ( Việt Nam – nếu tiếng Anh bạn không chắc lắm )

Hoặc lựa chọn thứ 2, phiên bản Hosting này được xây dựng trên NGINX Webserver

#1. Dreamhost ( Được chính thức khuyến nghị từ WordPress )

#2. Bluehost ( Được chính thức khuyến nghị từ WordPress )

#3. Siteground ( Được chính thức khuyến nghị từ WordPress )

Hoặc nếu không, danh sách Hosting này cho WordPress đều có thể thay thế được:

#2. Managed WordPress Hosting

Loại lưu trữ thứ 2 là Managed WordPress Hosting ( Quản lý lưu trữ WordPress ) .

Các loại máy chủ này xử lý tất cả các tác vụ liên quan đến server, và công việc của bạn không cần phải quan tâm đến bảo mật hay tốc độ nữa.

Thời gian của bạn để tập trung vào sự phát triển của website hơn là tập trung vào việc bảo mật nó

Tips: Nếu bạn muốn tiết kiệm thời gian, Sử dụng Managed WordPress Hosting là cách tốt nhất!

Hoặc có thể xem bài viết:

Sự ưu tiên cho loại lưu trữ này của Tài là

#1. Kinsta

#2. GetFlyWheel

#3. WPEngine

#4. Liquidweb

#3. Loại lưu trữ VPS WordPress Hosting

Người mới sử dụng WordPress không cần quan tâm đến loại này.

Và Tài hướng dẫn phần VPS WordPress Hosting kỹ hơn ở bài viết khác.

#4. Các tiêu chí còn lại khi chọn Hosting cho WordPress

  • Phiên bản PHP 7.3 trở lên.
  • Phiên bản MySQL 5.6 trở lên HOẶC MariaDB phiên bản 10.0 trở lên.
  • Hỗ trợ HTTPS

Tiêu chí của WordPress: https://wordpress.org/about/requirements

Phần 2: Chọn DNS của Cloudflare

cách thức hoạt động của DNS
cách thức hoạt động của DNS

Cloudflare DNS là một dịch vụ miễn phí vẫn cung cấp nhiều lợi ích của DNS cao cấp. Và chúng đang hoạt động rất nhanh với thời gian phản hồi trung bình dưới 20 ms trên toàn cầu (như được thấy dưới đây).

Phần 3: Xem xét vấn đề với Theme và Plugin

Mọi người đều yêu thích một Theme WordPress với giàu tính năng. Tuy nhiên, nó cũng là nhược điểm khiến website bạn chạy chậm

Vì vậy, làm thế nào bạn có thể biết nên chọn cái nào? Tài khuyên bạn nên đi với một trong hai tùy chọn sau:

  • Một chủ đề WordPress nhẹ nhanh được xây dựng chỉ với các tính năng bạn cần , không có gì hơn.
  • Một chủ đề WordPress giàu tính năng hơn, nhưng bạn có thể  vô hiệu hóa các tính năng không được sử dụng.

Những thứ như Google Fonts , Font Awesome icon, v.v … Đây chỉ là một vài trong số nhiều thứ mà bạn có thể tắt nếu bạn không sử dụng chúng. 

Dưới đây là một vài WordPress Themes mà Tài đã từng sử dụng và tốc độ tải trang của họ là nhanh nhất so với các chủ đề còn lại

#1. Theme mặc định của WordPress

Ối giời ơi, thật ra thì các theme mặc định của WordPress luôn luôn nhanh và bảo mật nhất.

Vì sao vậy, họ chính là những người sáng lập ra game này mà.

Tuy nhiên, Tài đảm bảo 90% trong số các bạn sẽ xóa Theme đó và thay vào đó là những Theme trả phí.

Các theme mặc định của WordPress bao gồm

Nhìn xấu tệ, đúng không các bạn 😀

#2. Theme của các nhà phát triển WordPress

Phần hay nằm ở đây.

Hầu hết mọi người đều mua Theme nhưng chưa bao giờ xem kỹ, hoặc review xem nó như nào. Có phù hợp với nhau cầu của mình hay không ?

Ở đây Tài liệt kê ra 4 loại nhu cầu khi sử dụng Theme và các loại Theme WordPress nhẹ nhất

Genesis Framework – Số 1 thế giới cho WordPress

Tốc độ, bảo mật, sự đơn giản và cấu hình tùy biến cao là những thứ họ mang đến cho khách hàng.

Ứng dụng: Xây dựng blog cá nhân, web thông tin công ty, web bán hàng…

Tuy nhiên giá rất mắc, nhưng nếu có điều kiện hãy mua nó.

Divi – Sự lựa chọn hoàn hảo thứ 2

Divi Theme
Divi Theme

Divi là một trong những chủ đề WordPress đa mục đích phổ biến nhất trên thị trường. Nó được tạo bởi Elegant Themes, một trong những cửa hàng Theme WordPress hàng đầu trên thế giới.

Divi đi kèm với trình xây dựng kéo và thả tích hợp mà bạn có thể sử dụng để tạo bất kỳ loại bố cục nào. Bạn cũng nhận được 20 bố cục Divi được tạo sẵn ngay lập tức mà bạn có thể sử dụng để bắt đầu dự án mới của mình.

Ngoài ra, hãy kiểm tra các chủ đề con Divi tùy biến cao này.

Divi cho phép bạn lưu bố cục tùy chỉnh của mình trong thư viện Divi, do đó bạn có thể sử dụng lại chúng sau này khi cần.

Ứng dụng: Xây dựng blog cá nhân, web thông tin công ty, web bán hàng…

GeneratePress – Chuyên về Theme để viết Blog

GeneratePress là một chủ đề WordPress nhanh, nhẹ (dưới 1 MB được nén), chủ đề WordPress đáp ứng di động được xây dựng với tốc độ, SEO và tính khả dụng. Được xây dựng bởi Tom Usborne, một nhà phát triển đến từ Canada. Nó được tích cực cập nhật và hỗ trợ tốt.

Có cả phiên bản miễn phí và cao cấp. Nếu bạn xem kho lưu trữ WordPress , phiên bản miễn phí hiện có hơn 200.000 lượt cài đặt hoạt động, hơn 2 triệu lượt tải xuống và xếp hạng 5 trên 5 sao ấn tượng (hơn 850 người đã cho nó 5 sao).

Blog của Compa Marketing cũng đang sử dụng Generate Press. Bạn có thể thử tốc độ tải trang của chúng Tài tại các công cụ test tốc độ

Astra Theme – Một sản phẩm chiếm ưu thế của châu Âu và Mỹ

Astra là một chủ đề đẹp, hoàn toàn tùy biến & đẹp mắt phù hợp cho blog, danh mục đầu tư cá nhân, trang web kinh doanh và mặt tiền cửa hàng WooCommerce.

Nó rất nhẹ (dưới 50 KB ) và cung cấp tốc độ vô song.

Được xây dựng bởi nhóm tại Brainstorm Force, nó được cập nhật tích cực và hỗ trợ tốt. Bạn có thể nhận ra họ là người tạo ra plugin All In One Schema Rich Snippets nổi tiếng đã tồn tại nhiều năm.

Ứng dụng: Xây dựng blog cá nhân, web thông tin công ty, web bán hàng…

OceanWP – Theme rất nhẹ có tốc độ phát triển rất nhanh

oceanwp
oceanwp

Với hơn 2,5 triệu Downloads, OceanWp trở thành chủ đề WordPress được phát triển nhanh nhất và cũng là lựa chọn hoàn hảo cho những ai muốn phát triển nó.

Ứng dụng: Xây dựng blog cá nhân, web thông tin công ty, web bán hàng…

#3. Vấn đề về Plugin

Bạn có thể được thông báo rằng bạn không nên cài đặt quá nhiều plugin hoặc nó sẽ làm chậm trang web WordPress của bạn.

Điều bên dưới luôn đúng nhé

Số lượng plugin không quan trọng bằng chất lượng của các plugin

Một vấn đề lớn với các plugin WordPress là quá trình gỡ cài đặt . Bất cứ khi nào bạn cài đặt một plugin hoặc chủ đề WordPress, nó sẽ lưu trữ dữ liệu trong cơ sở dữ liệu.

Vấn đề là khi bạn xóa một plugin bằng một trong các phương thức tiêu chuẩn, nó thường để lại các bảng và hàng trong cơ sở dữ liệu của bạn. Theo thời gian, điều này có thể thêm vào rất nhiều dữ liệu và thậm chí bắt đầu làm chậm trang web của bạn.

Tại sao nhà phát triển Plugin làm điều này?

Vì vậy, có lẽ bạn đang tự hỏi, tại sao các nhà phát triển không có tùy chọn tự dọn dẹp khi bạn gỡ cài đặt và xóa plugin? Vâng, họ làm. Nhưng, đây là một vài lý do tại sao chúng có thể không rõ ràng ngay lập tức.

  1. Họ muốn giữ lại các thiết lập cho người dùng. Nếu bạn xóa một plugin WordPress và quyết định thử lại sau, tất cả các cài đặt và dữ liệu của bạn sẽ vẫn ở đó. Mặc dù điều này là siêu tiện lợi, nhưng nó không phải là cách hiệu quả nhất.
  2. Họ không quan tâm đến hiệu suất. Một số nhà phát triển có thể lập luận rằng để lại các bảng trong database không ảnh hưởng đến hiệu suất.

Thực sự là: Có nhiều cách để dọn dẹp và loại bỏ một plugin đúng cách.

Phần 4: Tối ưu Website wordpress

Bây giờ để chuyển sang cài đặt WordPress tối ưu. Dưới đây là một vài thay đổi bạn có thể thực hiện để giúp tăng tốc trang web WordPress của mình. Nhiều trong số này là những thay đổi rất tinh tế, nhưng mọi thứ đều có ích!

#1. Thay đổi URL đăng nhập WordPress của bạn

Theo mặc định, URL đăng nhập trang web WordPress của bạn là domain.com/wp-admin/. Một trong những vấn đề với điều này là tất cả các bot, tin tặc và các kịch bản ngoài kia cũng biết điều này. 

Bằng cách thay đổi URL, bạn có thể làm cho mình bớt mục tiêu hơn, bảo vệ bản thân tốt hơn trước các cuộc tấn công giảm băng thông được sử dụng bởi các bot tấn công URL này nhiều lần.

Thay đổi URL đăng nhập WordPress của bạn cũng có thể giúp ngăn ngừa các lỗi phổ biến như “429 Too Many Requests.”. Đây không phải là giải pháp khắc phục, đây chỉ là một mẹo nhỏ có thể giúp bảo vệ bạn và giảm tải trên trang đó.

Để thay đổi URL đăng nhập WordPress của bạn, Tài khuyên bạn nên sử dụng một trong các plugin sau:

#2. Vô hiệu hóa Plugin và Cập nhật Theme

Bảng điều khiển quản trị WordPress chậm có thể bị ảnh hưởng bởi mạng, vị trí trung tâm dữ liệu và thậm chí các phiên bản PHP.

Nhưng một yếu tố khác mà không nhiều người nói đến là trình kiểm tra cập nhật WordPress chạy trong nền. Đây là một ví dụ khi có rất nhiều Plugin và Theme WordPress dư thừa.

Nếu bạn đang bị chậm thời gian tải bảng điều khiển quản trị viên WordPress, bạn có thể muốn dùng thử. Biện pháp khắc phục là vô hiệu hóa cập nhật tự động. 

Cảnh báo: Chỉ làm điều này nếu bạn có ý định kiểm tra cập nhật thủ công. Nhiều bản cập nhật bao gồm bảo mật và sửa lỗi.

#3. Vô hiệu hóa Pingbacks

Một pingback là một bình luận tự động được tạo ra khi một liên kết trên blog cho bạn. Cũng có thể tự pingback được tạo khi bạn liên kết đến một bài viết trong blog của riêng bạn.

Tài khuyên bạn chỉ nên vô hiệu hóa chúng khi chúng tạo ra các truy vấn vô giá trị và spam bổ sung trên trang web của bạn. 

Hãy nhớ rằng, càng ít cuộc gọi trang web WordPress của bạn phải làm cho tốt hơn, đặc biệt là trên các trang web có lưu lượng truy cập cao. Không đề cập đến thực tế là một pingback trên trang web của riêng bạn là hết sức khó chịu. Thực hiện theo các bước dưới đây để vô hiệu hóa pingback.

  • Bước 1 – Vô hiệu hóa Pingbacks từ các Blog khác

Trong bảng điều khiển WordPress của bạn , nhấp vào Setting → Discussion. Trong phần Cài đặt thảo luận, bỏ chọn tùy chọn Cho phép thông báo liên kết từ các blog khác (pingback và trackback) trên các bài viết mới.

  • Bước 2 – Vô hiệu hóa Tự Pingback

Khi nói đến việc vô hiệu hóa tự pingback, bạn có một vài lựa chọn. Bạn có thể sử dụng plugin No Self Pings miễn phí .

#4. Giới hạn bài viết trên Nguồn cấp dữ liệu Blog ( Blog Feed )của bạn

Phân trang là những gì bạn thấy ở cuối nguồn cấp dữ liệu blog cho phép bạn duyệt đến trang tiếp theo. Thông thường, đây là những con số, hoặc họ có thể sử dụng các bài viết tiếp theo / trước đó. Chủ đề WordPress của bạn rất có thể đã được tích hợp phân trang tùy chỉnh.

WordPress theo mặc định đặt giới hạn cho cài đặt WordPress mới thành 10, nhưng Tài đã thấy điều này thay đổi rất nhiều lần Tài đã mất số lượng. Vì vậy, hãy đảm bảo kiểm tra kỹ giá trị bạn đang sử dụng.

Bạn có thể tìm thấy tùy chọn này trong bảng điều khiển quản trị viên WordPress của mình trong Setting → Reading.

Sau đó, bạn có thể thay đổi giá trị cho các trang Blog Blog được hiển thị nhiều nhất.

Giới hạn nguồn cấp dữ liệu

Phần 5: Sử dụng Caching

Tại sao Cache lại quan trọng đến vậy.

Bộ nhớ đệm là một trong những cách quan trọng nhất và dễ nhất để tăng tốc WordPress! 

Nhưng trước khi Tài chỉ cho bạn cách sử dụng bộ nhớ đệm, trước tiên, điều cần thiết là phải hiểu cách thức hoạt động của nó và các loại bộ đệm khác nhau có sẵn.

#1. Bộ nhớ đệm là gì?

Mọi trang web được truy cập trên trang web WordPress của bạn đều yêu cầu máy chủ, xử lý bởi máy chủ đó (bao gồm các truy vấn cơ sở dữ liệu) và sau đó là kết quả cuối cùng được gửi từ máy chủ đến trình duyệt của người dùng. Kết quả là trang web của bạn, hoàn chỉnh với tất cả các tệp và các yếu tố làm cho nó trông giống như nó.

Chẳng hạn, bạn có thể có một tiêu đề, hình ảnh, menu và blog. Vì máy chủ phải xử lý tất cả các yêu cầu đó, nên phải mất một thời gian để trang web hoàn chỉnh được gửi đến người dùng, đặc biệt là với các trang web cồng kềnh hoặc lớn hơn.

Đó là nơi một plugin bộ nhớ đệm WordPress phát huy tác dụng! Bộ nhớ đệm hướng dẫn máy chủ lưu trữ một số tệp vào đĩa hoặc RAM, tùy thuộc vào cấu hình. Do đó, nó có thể ghi nhớ và sao chép cùng một nội dung mà nó đã phục vụ trong quá khứ. Về cơ bản, nó làm giảm số lượng công việc cần thiết để tạo ra một lượt xem trang. Do đó, các trang web của bạn tải nhanh hơn nhiều, trực tiếp từ bộ đệm .

Một số lợi ích khác của bộ nhớ đệm bao gồm:

  • Máy chủ của bạn sử dụng ít tài nguyên hơn – Điều này liên quan đến tốc độ, vì càng ít tài nguyên tạo ra một trang web nhanh hơn. Tuy nhiên, nó cũng làm giảm căng thẳng cho máy chủ của bạn. Điều này rất quan trọng khi nói đến các trang web rất năng động, chẳng hạn như các trang web thành viên ( Membership Sites ) và xác định những gì bạn có thể và không thể phục vụ từ bộ đệm.
  • Bạn sẽ thấy TTFB thấp hơn – Bộ nhớ đệm là một trong những cách dễ nhất để hạ TTFB của bạn . Trên thực tế, trong các thử nghiệm của Tài, bộ nhớ đệm thường giảm TTFB tới 90%!

#2. Các loại bộ đệm

Khi nói đến các loại bộ đệm, có hai cách tiếp cận khác nhau thường được sử dụng:

1. Bộ nhớ đệm ở cấp máy chủ

Bộ nhớ đệm ở cấp độ máy chủ cho đến nay là một trong những cách tiếp cận dễ dàng nhất cho người dùng cuối. Điều này có nghĩa là nhà cung cấp dịch vụ lưu trữ WordPress xử lý nó cho bạn.

2. Bộ nhớ đệm với Plugin

Nếu nhà cung cấp dịch vụ lưu trữ của bạn không cung cấp bộ đệm, bạn có thể sử dụng plugin bộ nhớ đệm WordPress của bên thứ ba. Dựa trên kinh nghiệm của Tài, Tài sẽ đề xuất một trong những điều sau đây:

  1. WP Rocket (premium)
  2. Cache Enabler (free)
  3. W3 Total Cache (free)
  4. WP Super cache

Bài viết đáng đọc:

#3. Plugin tạo Cache tốt nhất cho WordPress

WP Super Cache:

Một plugin bộ nhớ cache WordPress miễn phí rất phổ biến khác, WP Super Cache đã giành được vị trí trong hướng dẫn của chúng tôi về các plugin lưu trữ bộ nhớ cache WordPress tốt nhất vì nó có hơn một triệu lượt cài đặt hoạt động và đánh giá của người dùng là 4.2 trên 5 sao

Litespeed Cache: Plugin vô địch với Hosting đang sử dụng Litespeed Webserver như ở phần 1 tôi đã giới thiệu

WP Fastest Cache

W3 Total Cache

WP Rocket

Phần 6: Tối ưu hóa hình ảnh 

Tối ưu hóa hình ảnh là một điều đơn giản khác mà bạn có thể làm có tác động đáng kể đến thời gian tải trang tổng thể của bạn. Đây là điều bắt buộc mỗi trang web nên làm điều này!

Hình ảnh lớn làm chậm các trang web của bạn tạo ra trải nghiệm người dùng tối ưu. Tối ưu hóa hình ảnh là quá trình giảm kích thước tệp của chúng, sử dụng plugin hoặc tập lệnh, từ đó tăng tốc thời gian tải của trang.

Theo HTTP Archive , tính đến tháng 8 năm 2019, hình ảnh chiếm trung bình 34% tổng trọng lượng của trang web .

Công việc tối ưu hình ảnh quan trọng hơn JavaScript, CSS và Font. Và trớ trêu thay, một quy trình tối ưu hóa hình ảnh tốt là một trong những điều dễ thực hiện nhất, nhưng rất nhiều chủ sở hữu trang web bỏ qua điều này.

Hình ảnh chiếm trung bình 54% trọng lượng tổng thể của một trang vào tháng 12 năm 2017. Vì vậy, có vẻ như toàn bộ web đang trở nên tốt hơn trong việc tối ưu hóa hình ảnh! Nhưng 34% vẫn là một con số không thể bỏ qua. Nếu bạn không có bất kỳ nội dung video nào trên trang web của mình, hình ảnh vẫn có thể là trọng số lớn nhất của bạn về trọng lượng trang.

Có thể bạn quan tâm:

Sự cân bằng (Kích thước và chất lượng file)

Mục tiêu chính của định dạng hình ảnh của bạn là tìm sự  cân bằng giữa kích thước tệp thấp nhất và chất lượng chấp nhận được . Có nhiều hơn một cách để thực hiện gần như tất cả các tối ưu hóa này. 

Một trong những cách cơ bản nhất là nén chúng trước khi tải lên WordPress. Thông thường, điều này có thể được thực hiện trong một công cụ như Adobe Photoshop hoặc Ảnh có liên quan. Hoặc sử dụng ứng dụng Squoosh trực tuyến mới từ Google. Tuy nhiên, các tác vụ này cũng có thể được thực hiện tự động bằng cách sử dụng các plugin, mà chúng ta sẽ đi sâu vào bên dưới.

Hai điều chính cần xem xét là  định dạng tệp  và loại nén  bạn sử dụng. Bằng cách chọn kết hợp đúng định dạng tệp và loại nén, bạn có thể giảm kích thước hình ảnh của mình tới 5 lần. Bạn sẽ phải thử nghiệm với từng định dạng hình ảnh hoặc tệp để xem cái gì hoạt động tốt nhất.

  • PNG  – tạo ra hình ảnh chất lượng cao hơn, nhưng cũng có kích thước tệp lớn hơn. Được tạo ra như một định dạng hình ảnh lossless, mặc dù nó cũng có thể bị mất.
  • JPEG  – sử dụng  tối ưu hóa lossless và lossly . Bạn có thể điều chỉnh mức chất lượng để cân bằng tốt về chất lượng và kích thước tệp.

Tốt nhất, bạn nên sử dụng JPEG (hoặc JPG) cho hình ảnh có nhiều màu và PNG cho hình ảnh đơn giản.

Thế còn ảnh GIF? GIF hoạt hình luôn thú vị, nhưng chúng giết chết hiệu suất web. Rất nhiều GIF có kích thước hơn 1 MB. Tài khuyên bạn nên giữ những thứ này cho Social Media. Nếu có một cái mà bạn không thể sống thiếu trong bài đăng trên blog của mình, hãy xem cách bạn có thể  nén GIF động tại địa chỉ này

Nén Lossy vs. Lossless

Điều quan trọng là phải hiểu rằng có hai loại nén bạn có thể sử dụng, lossy và lossless.

Nén mất dữ liệu liên quan đến việc loại bỏ một số dữ liệu trong hình ảnh của bạn. Bởi vì điều này, điều đó có nghĩa là bạn có thể thấy sự xuống cấp.

Vì vậy, bạn phải cẩn thận bằng cách giảm hình ảnh của bạn. Không chỉ do chất lượng, mà còn bởi vì bạn không thể đảo ngược quá trình. Tất nhiên, một trong những lợi ích tuyệt vời của nén mất dữ liệu và tại sao đó là một trong những phương pháp nén phổ biến nhất là bạn có thể giảm kích thước tệp xuống một lượng đáng kể .

Nén lossless, không giống như lossy,  không làm giảm chất lượng  của hình ảnh. Sao có thể như thế được? Nó thường được thực hiện bằng cách xóa siêu dữ liệu không cần thiết (dữ liệu được tạo tự động do thiết bị tạo ra hình ảnh). 

Tuy nhiên, nhược điểm lớn nhất của phương pháp này là bạn  sẽ không thấy giảm đáng kể kích thước tệp . Nói cách khác, nó sẽ chiếm rất nhiều dung lượng đĩa theo thời gian.

Plugin nén hình ảnh

Tin tuyệt vời là có một số plugin nén hình ảnh WordPress tuyệt vời mà bạn có thể sử dụng để tự động hóa toàn bộ quá trình. Dưới đây là một số plugin Tài khuyên dùng:

Đọc đầy đủ bài viết so sánh về các Plugin nén ảnh: 8 Plugin cần thiết để tối ưu hóa ảnh trên WordPress

Điều quan trọng nhất khi chọn một plugin tối ưu hóa hình ảnh là sử dụng một plugin mà nó nén và tối ưu hóa hình ảnh bên ngoài trên máy chủ của họ. Điều này, đến lượt nó, làm giảm tải trên trang web của bạn. Tất cả những người ở trên làm điều này.

Sử dụng tính năng Lazy Load.

Nếu bạn có nhiều hình ảnh, bạn có thể cân nhắc việc sử dụng Lazy Load. Đây là một kỹ thuật tối ưu hóa tải nội dung hiển thị nhưng trì hoãn việc tải xuống và hiển thị nội dung xuất hiện dưới màn hình đầu tiên ( cuộn chuột tới đâu thì hình mới hiện tới đó, chứ ko tải 1 lần ).

Phần 7: Tối ưu dọn dẹp cơ sở dữ liệu của bạn

Tiếp theo là một số mẹo về cách dọn dẹp cơ sở dữ liệu WordPress của bạn. Giống như một chiếc xe mà cơ sở dữ liệu của bạn cần bảo trì vì theo thời gian nó có thể trở nên cồng kềnh.

Sử dụng các plugin để dọn dẹp database:

  • WP-Optime ( Free ) :Nếu bạn đang tìm kiếm một công cụ tự động có thể giúp bạn dọn dẹp cơ sở dữ liệu WordPress của mình, thì bạn đang tìm đúng hướng về WP-Optimize. Cơ sở dữ liệu sạch là một trong những yêu cầu chính để trang web WordPress chạy trơn tru.
  • Advanced Database Cleaner ( Freemium ) : Đảm bảo làm sạch cơ sở dữ liệu WordPress của bạn với Advanced Database Cleaner. Khi bạn sử dụng WordPress, theo thời gian, trang web của bạn trở nên cồng kềnh và chậm chạp với tất cả những thứ linh tinh trong cơ sở dữ liệu của bạn

Xóa và giới hạn sửa đổi Page và Post

Bất cứ khi nào bạn lưu một trang hoặc bài đăng trong WordPress, nó sẽ tạo ra cái được gọi là sửa đổi . Điều này xảy ra trong cả hai bản nháp và bài viết đã được xuất bản được cập nhật. Bản sửa đổi có thể hữu ích trong trường hợp bạn cần hoàn nguyên về phiên bản trước của nội dung.

Sửa đổi cũng có thể làm ảnh hưởng hiệu suất của trang web WordPress của bạn. Trên các trang web lớn, điều này có thể tăng lên rất nhanh cho hàng ngàn Rows trong cơ sở dữ liệu của bạn.

Và bạn càng có nhiều hàng, cơ sở dữ liệu của bạn có kích thước càng lớn, chiếm không gian lưu trữ . Mặc dù các chỉ mục được tạo ra cho mục đích này, Tài vẫn thấy vấn đề này làm tê liệt các trang web WordPress. Có một vài điều bạn có thể làm.

1. Xóa bản sửa đổi cũ ( Delete Old Revisions )

Nếu bạn có một trang web WordPress cũ hơn với rất nhiều trang và bài đăng, có lẽ đã đến lúc bạn cần dọn dẹp nhanh chóng và xóa những sửa đổi cũ đó. Bạn có thể làm điều này với MySQL, nhưng với tất cả các đoạn mã xấu trôi nổi trên web, Tài khuyên bạn nên sao lưu trang web của mình và sử dụng một plugin miễn phí như  WP-Sweep .

Một trong những plugin yêu thích khác của Tài là WP Rocket , cũng có một tính năng tối ưu hóa cơ sở dữ liệu để xóa các sửa đổi.

2. Sửa đổi giới hạn ( Limit Revisions )

Hạn chế số lượng bản sửa đổi có thể được lưu trữ trên mỗi bài đăng hoặc trang. Ngay cả việc đặt nó thành một cái gì đó như mười sẽ giúp bản sửa đổi không bị mất kiểm soát, đặc biệt nếu bạn cập nhật nhiều.

Để hạn chế sửa đổi, bạn có thể thêm mã sau vào wp-config.phptệp của mình . Mã bên dưới cần được chèn phía trên ‘ABSPATH’ nếu không nó sẽ không hoạt động. Bạn có thể thay đổi số thành nhiều bản sửa đổi mà bạn muốn lưu trữ trong cơ sở dữ liệu của mình.

define('WP_POST_REVISIONS', 10);

3. Vô hiệu hóa sửa đổi

Và cuối cùng nhưng không kém phần quan trọng, bạn cũng có thể vô hiệu hóa các sửa đổi trên trang web của mình hoàn toàn. Nếu bạn đang đi theo lộ trình này, chúng tôi khuyên bạn nên thực hiện theo tùy chọn đầu tiên ở trên để xóa các sửa đổi và sau đó vô hiệu hóa chúng sau đó. Bằng cách này, cơ sở dữ liệu của bạn hoàn toàn miễn phí từ tất cả các phiên bản cũ và sẽ không có bản mới nào được thêm vào trong tương lai.

Để tắt sửa đổi, bạn có thể thêm mã sau vào wp-config.phptệp của mình . Mã bên dưới cần được chèn phía trên ‘ABSPATH’ nếu không nó sẽ không hoạt động.

define('WP_POST_REVISIONS', false);

Dọn dẹp bảng wp_options của bạn và dữ liệu tự động tải

Các wp_options bảng thường được bỏ qua khi nói đến WordPress tổng thể và hiệu suất cơ sở dữ liệu. Đặc biệt trên các trang web cũ và lớn, điều này có thể dễ dàng là thủ phạm cho thời gian truy vấn chậm trên trang web của bạn do dữ liệu được tải tự động bị bỏ lại từ các plugin và chủ đề của bên thứ ba.

Bảng wp_options chứa tất cả các loại dữ liệu cho trang web WordPress của bạn, chẳng hạn như:

  • URL trang web, URL nhà, email quản trị viên, danh mục mặc định, bài đăng trên mỗi trang, định dạng thời gian, v.v.
  • Cài đặt cho plugin, chủ đề, widget
  • Dữ liệu được lưu tạm thời

Bảng này chứa các trường (cột) sau:

  • option_id
  • option_name
  • option_value
  • autoload (đây là điều Tài quan tâm khi nói đến hiệu suất)

Sử dụng Redis làm Object Cache cho WordPress

Redis là một kho lưu trữ cấu trúc dữ liệu trong bộ nhớ nguồn mở. Trong ngữ cảnh của WordPress, Redis có thể được sử dụng để lưu trữ các giá trị được tạo bởi bộ đệm đối tượng gốc của WordPress một cách liên tục để các đối tượng được lưu trong bộ nhớ cache có thể được sử dụng lại giữa các lần tải trang.

Sử dụng bộ đệm Object Cache như Redis cho phép tái sử dụng các đối tượng được lưu trong bộ nhớ cache thay vì yêu cầu cơ sở dữ liệu MySQL được truy vấn lần thứ hai cho cùng một đối tượng.

Kết quả là Redis có thể giảm tải cho cơ sở dữ liệu MySQL của trang web, đồng thời giảm thời gian phản hồi của trang web và tăng khả năng mở rộng và xử lý lưu lượng truy cập bổ sung của trang web.

Các trang web động (WooCommerce, trang web thành viên, diễn đàn, diễn đàn thảo luận, blog có hệ thống bình luận cực kỳ tích cực) không thể sử dụng tốt bộ nhớ đệm trang là những ứng cử viên tiềm năng cho tùy chọn bộ nhớ đệm Object Cache như Redis.

Vô hiệu hóa các tính năng không quan trọng

Điều này có vẻ hơi rõ ràng, nhưng nó có thể tạo ra một thế giới khác biệt nếu bạn vô hiệu hóa các plugin không quan trọng và các tính năng chủ đề cần nhiều cơ sở dữ liệu.

  • Các widget và plugin bài đăng phổ biến và có liên quan thật kinh khủng. Họ thường có các truy vấn sitewide nặng.
  • Plugin tối ưu hóa hình ảnh nén hình ảnh bằng máy chủ của bạn. Bạn phải luôn luôn sử dụng một plugin tối ưu hóa hình ảnh để tối ưu hóa hình ảnh bên ngoài.

Tài cũng khuyên bạn nên tránh xa các plugin có thêm đếm lượt xem / lượt truy cập vào trang web của bạn, trừ khi bạn thực sự cần nó.

Phần 8: Sử dụng Mạng phân phối nội dung (CDN)

CDN là viết tắt của mạng phân phối nội dung. Đây là một mạng lưới các máy chủ (còn được gọi là POP) trên toàn cầu. Chúng được thiết kế để lưu trữ và phân phối các bản sao nội dung tĩnh (và đôi khi động) của trang web WordPress của bạn như hình ảnh, CSS, JavaScript và luồng video.

Trước hết, bạn không muốn bị nhầm lẫn CDN với máy chủ WordPress của mình. Đây là những dịch vụ hoàn toàn riêng biệt. CDN không phải là sự thay thế cho nhà cung cấp dịch vụ lưu trữ của bạn, mà là một cách bổ sung để tăng tốc độ trang web của bạn.

Cách thức hoạt động của CDN

Làm thế nào để một CDN hoạt động chính xác?

Chà, ví dụ, khi bạn lưu trữ trang web của mình , bạn phải chọn một vị trí trung tâm dữ liệu vật lý , chẳng hạn như Hoa Kỳ, Châu Âu, Châu Á-Thái Bình Dương hoặc Nam Mỹ. Nếu là Việt Nam với website này thì tôi chọn Sinpapre, Nhật hoặc Hongkong.

Giả sử bạn chọn US Central. Điều này có nghĩa là trang web của bạn được đặt trên một máy chủ lưu trữ trên máy chủ trực tuyến của Pháp tại Hội trường Bluffs, Iowa. Khi mọi người ở châu Âu truy cập trang web của bạn, sẽ mất nhiều thời gian hơn để tải trang web so với ai đó truy cập trang web từ Dallas, TX.

Tại sao? Bởi vì dữ liệu phải đi một khoảng cách xa hơn. Đây là những gì được gọi là độ trễ . Độ trễ liên quan đến thời gian và hoặc độ trễ liên quan đến việc truyền dữ liệu qua mạng. Khoảng cách càng xa thì độ trễ càng lớn.

  • Bài viết hướng dẫn tối ưu tốc độ website WordPress với CDN bằng Cloudflare – mới nhất 2020

Phần 9: Tìm ra Plugin hoạt động chậm

Bây giờ chúng ta sẽ đi sâu vào một số mẹo về cách tìm ra các vấn đề này trên trang web WordPress của bạn và những gì bạn có thể làm về nó.

Khi một plugin WordPress gây ra sự chậm chạp tổng thể, các triệu chứng sẽ thay đổi dựa trên hoạt động mà plugin đang thực hiện. Tuy nhiên, trong nhiều trường hợp, bạn sẽ thấy rằng một plugin chậm sẽ ảnh hưởng đến mọi trang của trang web WordPress.

Sử dụng Plugin theo dõi truy vấn miễn phí

Bạn cũng có thể sử dụng plugin WordPress Query Monitor miễn phí .

Sử dụng Staging Sites

Ngay sau khi website của bạn được public cho mọi người truy cập, chắc chắn bạn vẫn cần phải cải tiến và cập nhật website. Khi website đã chạy online như vậy chúng ta thường gọi nó live site hay production site.

Việc cập nhật live site luôn ẩn chứa mối nguy cơ gây chết trang web. Ví dụ điển hình như lỗi trắng trang. Hay tình huống phổ biến hơn là sau khi cài đặt một plugin mới bạn mới tá hỏa vì nó xung đột với theme và các plugin khác.

Việc live site bị chết có thể gây ảnh hưởng đến trải nghiệm người dùng. Hậu quả càng nghiêm trọng khi site bạn đã có lượng traffic hàng ngày tương đối lớn, nhất là những site thương mại điện tử.

Vậy đâu là cách an toàn để cập nhật và chỉnh sửa website đã được phát hành?

Bạn nên tạo ra một staging site. Staging site là những site không được public chỉ có bạn hoặc team của bạn có thể truy cập được.

Việc chỉnh sửa trên staging site cũng sẽ không ảnh hưởng gì đến live site. Điều này cũng giảm một phần áp lực tâm lý khi bạn cần sửa nhiều code hoặc có tùy biến sâu trang web của bạn.

Sau khi bạn test kỹ lượng trên staging site, bạn có thể yên tâm triển khai những thay đổi đó lên live site.​

Bài viết đáng đọc:

Cách tạo Stagging Site từ A- Z cho người mới trên WordPress

Kiểm Tra Error Logs

Bạn cũng có thể kích hoạt nhật ký lỗi bằng cách thêm một số mã vào wp-config.php tệp của mình  . Đầu tiên, bạn sẽ muốn kết nối với trang web của mình thông qua SFTP. Sau đó tải về của bạn  wp-config.php để bạn có thể chỉnh sửa nó. Lưu ý: Luôn tạo bản sao lưu của tệp này trước!

Tìm dòng

  /* That's all, stop editing! Happy blogging. */ 

và ngay trước nó, thêm dòng sau (như được thấy bên dưới):

define( 'WP_DEBUG', true );

Nếu đoạn mã trên đã tồn tại trong wp-config.php tập tin của bạn  nhưng được đặt thành false, thì đơn giản là thay đổi nó thành đúng, đúng. Điều này sẽ cho phép chế độ gỡ lỗi. Lưu ý: Bạn cũng sẽ thấy cảnh báo hoặc lỗi trong quản trị viên WordPress của mình nếu chúng tồn tại.

Sau đó, bạn có thể kích hoạt nhật ký gỡ lỗi để gửi tất cả các lỗi vào một tệp bằng cách thêm mã sau ngay sau dòng WP_DEBUG (như được thấy bên dưới):

define( 'WP_DEBUG_LOG', true );

Lưu các thay đổi của bạn và tải lại nó lên máy chủ của bạn. Các lỗi sau đó sẽ được ghi vào  debug.log tệp trong /wp-content/ thư mục của bạn  . Nếu vì lý do nào đó bạn không thấy tệp này, bạn luôn có thể tạo tệp.

Trang web của bạn có thể bị hack

Nếu bạn gặp sự cố khi theo dõi vấn đề về hiệu suất, rất có thể trang web của bạn đã bị hack, bị nhiễm phần mềm độc hại hoặc trải qua một cuộc tấn công DDoS . Điều này có thể ảnh hưởng đến tốc độ trang web của bạn và thậm chí khả năng phản hồi của bảng điều khiển quản trị viên WordPress của bạn. Trong những trường hợp này, chúng tôi khuyên bạn nên như sau:

  1. Triển khai máy chủ proxy và WAF như Cloudflare hoặc Sucuri.
  2. Chặn các địa chỉ IP xấu bằng cách sử dụng các dịch vụ của Cloudflare hoặc Sucuri
  3. Bạn cũng có thể thực hiện chặn truy cập từ vị trí địa lý ( không khuyến nghị )

Khắc phục sự cố với Mã lỗi (Mã trạng thái HTTP)

Mã trạng thái HTTP giống như một ghi chú ngắn từ máy chủ web được xử lý trên đầu trang web. Nó không phải là một phần của trang web. Thay vào đó, đó là một thông báo từ máy chủ cho bạn biết mọi thứ đã diễn ra như thế nào khi yêu cầu xem trang được máy chủ nhận được. Đây có thể là vô giá khi xử lý sự cố!

429: “Too many requests.” . Được tạo bởi máy chủ khi người dùng đã gửi quá nhiều yêu cầu trong một khoảng thời gian nhất định (giới hạn tốc độ). Điều này đôi khi có thể xảy ra từ các bot hoặc tập lệnh cố gắng truy cập trang web của bạn. Trong trường hợp này, bạn có thể muốn thử thay đổi URL đăng nhập WordPress của mình .

500: “There was an error on the server and the request could not be completed.” Một mã chung chỉ đơn giản có nghĩa là lỗi máy chủ nội bộ. Đã xảy ra lỗi trên máy chủ và tài nguyên được yêu cầu không được cung cấp. Mã này thường được tạo bởi các plugin của bên thứ ba, PHP bị lỗi hoặc thậm chí kết nối với cơ sở dữ liệu bị phá vỡ. Kiểm tra hướng dẫn của Tài về cách khắc phục lỗi thiết lập kết nối cơ sở dữ liệu và các cách khác để khắc phục lỗi 500 máy chủ.

502: “Bad Gateway.” Mã lỗi này thường có nghĩa là một máy chủ đã nhận được phản hồi không hợp lệ từ một máy chủ khác. Đôi khi một truy vấn hoặc yêu cầu sẽ mất quá nhiều thời gian và do đó nó bị hủy hoặc hủy bởi máy chủ và kết nối đến cơ sở dữ liệu bị phá vỡ.

503: “The server is unavailable to handle this request right now.” Yêu cầu không thể hoàn thành ngay bây giờ. Mã này có thể được trả về bởi một máy chủ quá tải không thể xử lý các yêu cầu bổ sung.

504: “The server, acting as a gateway, timed out waiting for another server to respond.” Mã này được trả về khi có hai máy chủ tham gia xử lý yêu cầu và máy chủ đầu tiên hết thời gian chờ máy chủ thứ hai phản hồi.

Sử dụng nén GZIP

GZIP là định dạng tệp và ứng dụng phần mềm được sử dụng để nén và giải nén tệp. Nén GZIP được kích hoạt phía máy chủ và cho phép giảm thêm kích thước của tệp HTML, biểu định kiểu và tệp JavaScript của bạn.

Khi trình duyệt web truy cập một trang web, nó sẽ kiểm tra xem máy chủ web có bật GZIP hay không bằng cách xem liệu content-encoding: gziptiêu đề HTTP có tồn tại hay không. Nếu tiêu đề được phát hiện, nó sẽ phục vụ các tệp nén và nhỏ hơn. 

Nếu không, nó phục vụ các tập tin không nén. Nếu bạn không bật GZIP, rất có thể bạn sẽ thấy các cảnh báo và lỗi trong các công cụ kiểm tra tốc độ như  Google PageSpeed ​​Insights  và GTmetrix .

Kích hoạt tính năng nén GZIP có thể giúp giảm kích thước trang web của bạn, điều này có thể giảm đáng kể thời gian tải xuống tài nguyên, giảm mức sử dụng dữ liệu cho khách hàng và cải thiện thời gian hiển thị trang đầu tiên của bạn.

Khái niệm về hotlinking khá đơn giản. Bạn tìm thấy một hình ảnh trên internet ở đâu đó và sử dụng URL của hình ảnh trực tiếp trên trang web của bạn. Hình ảnh này sẽ được hiển thị trên trang web của bạn nhưng nó sẽ được phục vụ từ vị trí ban đầu.

Điều này rất thuận tiện cho hotlinker, nhưng thực ra nó là hành vi trộm cắp vì nó đang sử dụng tài nguyên của trang web được liên kết nóng. Giống như nếu chúng ta lên xe và lái đi bằng xăng, chúng ta đã rút ra khỏi xe của hàng xóm.

Hotlinking có thể là một sự tiêu tốn lớn tài nguyên cho máy chủ mục tiêu . Hãy tưởng tượng nếu bạn đang ở trên một máy chủ WordPress được chia sẻ và Huffington Post đột nhiên liên kết đến hình ảnh của bạn.

Bạn có thể đi từ vài trăm truy vấn một giờ trên trang web của mình đến vài trăm nghìn. Điều này thậm chí có thể dẫn đến việc đình chỉ tài khoản lưu trữ của bạn. Đây là một lý do để không chỉ sử dụng máy chủ hiệu suất cao (có thể xử lý các trục trặc như thế này) mà còn cho phép bảo vệ hotlink, vì vậy điều này không xảy ra.

Giảm thiểu Redirect

Quá nhiều chuyển hướng luôn là điều bạn cần để ý. Chuyển hướng đơn giản như chuyển hướng 301 đơn, HTTP sang HTTPS hoặc www sang không www (ngược lại) đều ổn. Và rất nhiều lần những thứ này là cần thiết trong một số lĩnh vực của trang web của bạn.

Tuy nhiên, mỗi cái có một chi phí về hiệu suất trang web của bạn. Và nếu bạn bắt đầu xếp chồng các chuyển hướng lên nhau, điều quan trọng là phải nhận ra cách chúng ảnh hưởng đến trang web của bạn. Điều này áp dụng cho chuyển hướng trang và bài, chuyển hướng hình ảnh, tất cả mọi thứ.

Thêm Cache-Control and Expires Headers

Mỗi tập lệnh trên trang web WordPress của bạn cần phải có tiêu đề bộ đệm HTTP được đính kèm (hoặc nó nên). Điều này xác định khi bộ nhớ cache trên tập tin hết hạn . Để khắc phục điều này, hãy đảm bảo máy chủ WordPress của bạn có thiết lập tiêu đề cache-controlvà tiêu đề phù hợp expires.

Nếu không, rất có thể bạn sẽ thấy các cảnh báo về việc cần thêm các tiêu đề hết hạn hoặc tận dụng bộ nhớ đệm trình duyệt trong các công cụ kiểm tra tốc độ.

Trong khi cache-controltiêu đề bật bộ đệm ẩn phía máy khách và đặt tuổi tối đa của tài nguyên, expirestiêu đề được sử dụng để chỉ định một thời điểm cụ thể mà tài nguyên không còn hợp lệ. Mặc dù cả hai tiêu đề có thể được sử dụng cùng nhau, nhưng bạn không nhất thiết phải thêm cả hai tiêu đề. kiểm soát bộ đệm là mới hơn và thường là phương pháp được đề xuất.

Thêm Cache-Control Header trong NGINX

Bạn có thể thêm cache-controlcác tiêu đề trong Nginx bằng cách thêm phần sau vào vị trí hoặc khối máy chủ của cấu hình máy chủ của bạn.

location ~* \.(js|css|png|jpg|jpeg|gif|svg|ico)$ {
 expires 30d;
 add_header Cache-Control "public, no-transform";
}

 Thêm Expires Header trong NGINX

   location ~*  \.(jpg|jpeg|gif|png|svg)$ {
        expires 365d;
    }

    location ~*  \.(pdf|css|html|js|swf)$ {
        expires 2d;
    }

Thêm Expires Header trong Apache

Bạn có thể thêm expirescác tiêu đề trong Apache bằng cách thêm các mục sau vào .htaccesstệp của bạn .

## EXPIRES HEADER CACHING ##
<IfModule mod_expires.c>
ExpiresActive On
ExpiresByType image/jpg "access 1 year"
ExpiresByType image/jpeg "access 1 year"
ExpiresByType image/gif "access 1 year"
ExpiresByType image/png "access 1 year"
ExpiresByType image/svg "access 1 year"
ExpiresByType text/css "access 1 month"
ExpiresByType application/pdf "access 1 month"
ExpiresByType application/javascript "access 1 month"
ExpiresByType application/x-javascript "access 1 month"
ExpiresByType application/x-shockwave-flash "access 1 month"
ExpiresByType image/x-icon "access 1 year"
ExpiresDefault "access 2 days"
</IfModule>
## EXPIRES HEADER CACHING ##

Cũng cần lưu ý rằng bạn chỉ có thể thêm các tiêu đề bộ đệm HTTP trên các tài nguyên trên máy chủ của mình . Nếu bạn nhận được cảnh báo về việc có lẽ bạn cần tận dụng bộ nhớ đệm của trình duyệt theo yêu cầu của bên thứ ba, bạn không thể làm gì được, vì bạn không có yêu cầu trên máy chủ của họ. Thủ phạm phổ biến bao gồm tập lệnh Google Analytics và các pixel tiếp thị, như Facebook và Twitter.

Thay đổi giới hạn bộ nhớ WordPress trong wp-config.php

Theo mặc định, WordPress sẽ cố gắng tăng bộ nhớ được phân bổ cho PHP lên 40 MB cho một trang web và 64 MB cho nhiều trang. Chúng xác định giới hạn bộ nhớ trong tệp ./wp-includes/default-constants.php

Sau đó, bạn cũng có PHP memory_limit trên máy chủ bởi nhà cung cấp dịch vụ lưu trữ của bạn. Đây là hai điều khác nhau.

Thêm phần sau vào mục của bạn wp-config.php file, ngay trước dòng có nội dung đó là tất cả, dừng chỉnh sửa!

define( 'WP_MEMORY_LIMIT', '256M' );

Phần 10. Tối ưu hóa Front-End

Bây giờ chúng ta sẽ đi sâu vào một số cách bạn có thể tăng tốc WordPress bằng cách tối ưu hóa giao diện người dùng. Front-end thường bao gồm mọi thứ được xử lý hoàn toàn bởi trình duyệt phía máy khách, chẳng hạn như CSS, JavasScript, hình ảnh, v.v.

Điều này cũng bao gồm phân tích các dịch vụ bên ngoài bạn đã tải trên trang web của bạn và cách chúng ảnh hưởng đến thời gian tải tổng thể của bạn.

Hai trong số các mục tiêu quan trọng nhất bạn nên có khi tối ưu hóa giao diện người dùng là:

  • Giảm kích thước trang web tổng thể của bạn. Kích thước của CSS, JavaScript, hình ảnh của bạn có vấn đề. Một trang web 4 MB thường tải chậm hơn rất nhiều so với trang web 1 MB. Tuy nhiên, Paul Calvano có một bài viết tuyệt vời về tác động của trọng lượng trang đến thời gian tải và điều quan trọng là đảm bảo đó không phải là điều duy nhất theo dõi của bạn vì đôi khi điều này có thể gây hiểu nhầm.
  • Giảm yêu cầu HTTP và các dịch vụ bên ngoài. Với HTTP / 2, nhiều yêu cầu và phản hồi hiện có thể được gửi cùng lúc bằng một kết nối TCP. Mặc dù điều này là tuyệt vời cho hiệu suất, giảm yêu cầu HTTP vẫn có thể giúp tăng tốc trang web WordPress của bạn. Điều này cũng bao gồm giảm tổng số yêu cầu và dịch vụ bên ngoài. Mỗi trong số này thêm các độ trễ bổ sung như tra cứu DNS , kết nối TLS và độ trễ mạng .

Kiểm tra tốc độ Trang web WordPress

Khi nói đến việc tối ưu hóa mặt trước của trang web của bạn, thật tốt khi bắt đầu với một đường cơ sở. Điều này thường có nghĩa là bạn cần chạy một bài kiểm tra tốc độ. Có vô số cách bạn có thể làm điều này

1. Chọn một công cụ và gắn bó với nó

Tài là những người hâm mộ lớn của Pingdom, GTmetrix, WebPageTest, PageSpeed ​​Insights và Chrome DevTools. Tuy nhiên, việc bạn sử dụng công cụ kiểm tra tốc độ nào không quan trọng lắm, vì nó phù hợp với bạn.

Tất cả chúng đều có các cách đo và định lượng tốc độ khác nhau, vì vậy hãy chọn một công cụ và gắn bó với nó trong suốt tất cả các thử nghiệm và tối ưu hóa của bạn.

2. Đừng ám ảnh về điểm số hoàn hảo

Nhiều công cụ như Google PageSpeed ​​Insights đều có một số loại tốc độ hoặc điểm hiệu suất. Điều quan trọng cần nhớ là điểm số không phải lúc nào cũng quan trọng bằng tốc độ và hiệu suất cảm nhận của trang web của người dùng. Điểm số là có để giúp đánh giá bạn đang làm tốt như thế nào.

Nhưng việc ám ảnh về 100/100 hoàn hảo hoặc điểm A trong một số trường hợp có thể là một sự lãng phí thời gian. Và các trang web lớn hơn với nhiều tập lệnh và quảng cáo bên ngoài sẽ không bao giờ có được điểm hoàn hảo, điều này hoàn toàn ổn.

3. Vị trí của các vấn đề kiểm tra của bạn

Vị trí bạn chọn khi kiểm tra tốc độ khá quan trọng. Như chúng ta đã thảo luận trong phần trước, lý do là tất cả đều liên quan đến vị trí trung tâm dữ liệu bạn chọn .

Vì vậy, hãy kiểm tra trang web của bạn cả từ một vị trí gần trung tâm dữ liệu của bạn và một địa điểm ở xa. Điều này cũng sẽ giúp bạn thấy mức độ ảnh hưởng của CDN đối với trang web WordPress của bạn.

4. Kiểm tra nhiều lần vì bộ nhớ đệm

Nếu bộ nhớ cache gần đây đã bị xóa hoặc hết hạn trên máy chủ WordPress hoặc CDN của bạn. Điều này có nghĩa là trang web hoặc tài sản của bạn không phục vụ từ bộ đệm.

Xóa chuỗi truy vấn ( Remove Query String )

Một cảnh báo hoặc khuyến nghị phổ biến mà mọi người nhìn thấy trong các công cụ kiểm tra tốc độ là bạn nên xóa các chuỗi truy vấn. Tất cả những thứ này là về cái gì? Về cơ bản, cách thức hoạt động của nó là các tệp CSS và JavaScript của bạn thường có phiên bản tệp ở cuối URL của chúng, chẳng hạn như . Một số máy chủ và máy chủ proxy không thể lưu trữ chuỗi truy vấn. Vì vậy, bằng cách loại bỏ chúng, đôi khi bạn có thể cải thiện bộ nhớ đệm của bạn .https://domain.com/file.min.css?ver=4.5.3

Một cách khác tốt hơn là sử dụng một plugin miễn phí như Code Snippets để thêm mã. Bằng cách này, bạn không phải chỉnh sửa trực tiếp chủ đề của mình.

function remove_query_strings() {
   if(!is_admin()) {
       add_filter('script_loader_src', 'remove_query_strings_split', 15);
       add_filter('style_loader_src', 'remove_query_strings_split', 15);
   }
}

function remove_query_strings_split($src){
   $output = preg_split("/(&ver|\?ver)/", $src);
   return $output[0];
}
add_action('init', 'remove_query_strings')

Loại bỏ Render-Blocking JavaScript and CSS

Một cảnh báo về JavaScript và CSS chặn kết xuất có thể xuất hiện khi bạn có các tệp ngăn trang tải xuống nhanh nhất có thể. JS và CSS cụ thể đôi khi có điều kiện, có nghĩa là chúng không bắt buộc phải hiển thị nội dung trong màn hình đầu tiên. Bạn có thể ngăn chúng trở thành chặn kết xuất bằng cách sử dụng các thuộc tính async và defer.

Một trong những cách dễ nhất để kết hợp các tệp CSS và JavaScript bên ngoài của bạn là với plugin Autoptimize miễn phí .

Hoặc xem đầy đủ Cách loại bỏ tài nguyên chặn hiển thị trên WordPress (CSS + JavaScript)

Minify HTML, CSS, and JavaScript

Tài có thể giảm lượng dữ liệu mà trình duyệt phải tải xuống bằng cách giảm thiểu các tài nguyên HTML, CSS và JavaScript. Giảm thiểu là quá trình loại bỏ các ký tự không cần thiết như nhận xét và khoảng trắng khỏi mã nguồn. Những ký tự này cực kỳ hữu ích trong quá trình phát triển, nhưng chúng vô dụng để trình duyệt hiển thị trang.

HTML chưa được minify

Dưới đây là một ví dụ về mã HTML chưa được nén.

HTML đã nén

Bạn có thể sử dụng plugin Autoptimize miễn phí hoặc WP Rocket để dễ dàng thu nhỏ các tệp của mình. Hoặc sử dụng Litespeed Cache nếu bạn đang sử dụng Hosting có Litespeed

Nói chung, khi bạn đang phục vụ nội dung như hình ảnh, JavaScript, CSS, không có lý do gì để  cookie HTTP  đi kèm với nó, vì nó tạo thêm chi phí. Khi máy chủ đặt cookie cho một tên miền cụ thể, tất cả các yêu cầu HTTP tiếp theo cho miền đó phải bao gồm cookie. Cảnh báo này thường được thấy trên các trang web có số lượng lớn yêu cầu.

Nếu bạn đang chạy Cloudflare,  bạn không thể tắt cookie  trên các tài nguyên được phân phối qua mạng của họ. CloudFlare bao gồm cookie bảo mật của riêng họ trong tiêu đề của bạn. Một lần nữa những cookie này rất nhỏ và ý nghĩa hiệu suất là cực kỳ nhỏ. Nhưng nếu bạn sử dụng CloudFlare, không có cách nào để khắc phục cảnh báo này.

Vô hiệu hóa biểu tượng cảm xúc trong WordPress ( Disable Emoji )

Có một vài cách khác nhau để vô hiệu hóa Biểu tượng cảm xúc trong WordPress. Bạn có thể làm điều đó với plugin cache đang sử dụng. Hiện tại Trong Setting của các Plugin như Autoptimize, WP Rocket hay Litespeed Cache đã có tính năng này.

Cách tăng tốc bình luận WordPress hoặc vô hiệu hóa chúng

Một phần bình luận bận rộn trên một trang web có thể gây ra nhiều vấn đề về hiệu suất. Chỉ cần nghĩ về các tài nguyên để đưa ra nhận xét hoạt động:

  • Một cơ sở dữ liệu được truy vấn để thu thập ý kiến ​​hiện có.
  • Các mục cơ sở dữ liệu được tạo cho mỗi bình luận mới.
  • Nhận xét và siêu dữ liệu nhận xét được trình duyệt của khách truy cập nhận và xử lý.
  • Các tài nguyên bên ngoài, như Gravatars, được yêu cầu, tải xuống và tải (yêu cầu tra cứu DNS riêng).
  • Trong nhiều trường hợp, các tài nguyên JavaScript và jQuery lớn phải được tải xuống và xử lý để làm cho hệ thống bình luận hoạt động theo đúng nghĩa của nó.

Tùy chọn 1 – Vô hiệu hóa Nhận xét

Nếu trang web của bạn không nhận được nhiều bình luận và bạn không nghĩ rằng họ đang thêm bất kỳ giá trị nào, có thể tốt hơn là vô hiệu hóa bình luận hoàn toàn .

Hãy nhớ rằng, các nhận xét có thể tác động đến SEO của bạn vì Google thường sẽ thu thập thông tin dưới dạng nội dung bổ sung trên trang, vì vậy bạn chỉ nên phê duyệt các nhận xét chất lượng cao. Kiểm tra ba cách dễ dàng để vô hiệu hóa nhận xét:

Tùy chọn 2 – Tối ưu hóa Nhận xét WordPress gốc

Tùy chọn thứ hai của bạn sẽ là tối ưu hóa hệ thống bình luận WordPress gốc. Một cách sẽ là giảm số lượng bình luận được tải với tải trang ban đầu.

  1. Chuyển đến Cài đặt → Thảo luận trong khu vực quản trị WordPress.
  2. Tìm phần Cài đặt bình luận khác.
  3. Chọn hộp kiểm bên cạnh Chia bình luận thành các trang và thêm một giá trị cho số lượng bình luận bạn muốn hiển thị với tải trang ban đầu.

Một tùy chọn khác bạn có là sử dụng Gravatars lưu trữ trên CDN của bạn

Tùy chọn 3 – Nhận xét tải chậm

Tùy chọn thứ tư của bạn là lười tải các bình luận để chúng không làm chậm kết xuất trang ban đầu. Dưới đây là một số plugin bạn có thể muốn kiểm tra:

  • Lazy Load for Comments : Plugin này cho phép bạn lười tải các bình luận WordPress nguyên gốc.
  • Disqus Tải có điều kiện : Nếu bạn muốn sử dụng hệ thống bình luận Disqus, đây là một plugin bắt buộc để lười tải các bình luận.

Phân tích hiệu suất của bên thứ ba

Về cơ bản, bất cứ điều gì bạn gọi từ bên ngoài từ trang web của bạn đều có hậu quả về thời gian tải. Điều làm cho vấn đề này thậm chí còn tồi tệ hơn là một số trong số chúng chỉ chậm xen kẽ, khiến việc xác định vấn đề thậm chí còn khó khăn hơn.

Dịch vụ bên ngoài của bên thứ ba có thể được coi là bất cứ điều gì kết nối với trang web WordPress của bạn từ bên ngoài máy chủ của bạn. Dưới đây là một vài ví dụ phổ biến chúng ta gặp phải một cách thường xuyên:

  • Các nền tảng truyền thông xã hội như Twitter, Facebook và Instagram ( widget  hoặc pixel chuyển đổi)
  • Các mạng quảng cáo bên thứ 3 như Google Adsense, Media.net, BuySellAds, Amazon Associates
  • Phân tích trang web và tập lệnh theo dõi như  Google Analytics , Crazy Egg, Hotjar, AdRoll
  • Các công cụ kiểm tra A / B như Optimizely, Unbounce
  • Các hệ thống bình luận WordPress như Disqus, Jetpack, bình luận Facebook
  • Các công cụ sao lưu và bảo mật như VaultPress, Sucuri, CodeGuard
  • Các công cụ chia sẻ xã hội như SumoMe, HelloBar
  • Javascript được lưu trữ bên ngoài

Làm thế nào nhiều một số các trình theo dõi của bên thứ ba ảnh hưởng đến hiệu suất? Trong nghiên cứu trường hợp của Tài, Tài đã thấy rằng các tập lệnh của bên thứ ba đã tăng thời gian tải trang lên 86,08% .

Điều quan trọng là bất cứ khi nào bạn thêm một tính năng hoặc plugin mới vào trang web của mình, bạn sẽ điều tra các tài nguyên bên ngoài đang tải từ nó. Càng ít càng tốt!

Kiểm tra lưu lượng truy cập di động của bạn

Điều quan trọng luôn là hãy xem bạn nhận được bao nhiêu lưu lượng truy cập di động, vì điều này có thể thay đổi các ưu tiên của bạn một chút. Bạn có thể thấy có bao nhiêu thiết bị di động đang truy cập trang web của bạn trong Google Analytics trong mục Audience → Mobile → Tổng quan. Trực tuyến Như bạn có thể thấy trên trang web này, hơn 67% trong số đó là lưu lượng truy cập từ thiết bị di động. Đó là rất nhiều!

Kiểm tra độ tương thích thiết bị của website ( Responsive )

Năm 2019, trang web của bạn tốt hơn để được đáp ứng! Điều này có nghĩa là nó sử dụng các truy vấn phương tiện để tự động thu nhỏ mọi thứ trên thiết bị di động. Nếu bạn vẫn chưa làm điều này, rất có thể bạn đã đứng sau đối thủ cạnh tranh.

Tất cả các chủ đề WordPress mà Tài đề cập trước đó trong bài đăng này đều đáp ứng đầy đủ và trông tuyệt vời trên tất cả các thiết bị.

Sử dụng công cụ Mobile Friendly của Google để kiểm tra và đảm bảo rằng trang web của bạn vượt qua tất cả các yêu cầu.

Google AMP có thể là một giải pháp cho bạn

Google AMP  (Dự án trang di động tăng tốc) ban đầu được ra mắt vào tháng 10 năm 2015. Dự án dựa trên AMP HTML, một khung mở mới được xây dựng hoàn toàn bằng các công nghệ web hiện có, cho phép các trang web xây dựng các trang web nhẹ. Nói một cách đơn giản, nó cung cấp một cách để phục vụ phiên bản rút gọn của trang web hiện tại của bạn.

Tài có mối quan hệ yêu và ghét với Google AMP và cộng đồng cũng vậy. Tài đã tự kiểm tra điều này và không thấy kết quả tốt. Tuy nhiên, điều đó không có nghĩa là bạn sẽ không. Mỗi trang web đều khác nhau và Google AMP liên tục được cải thiện.

Bạn có thể nhanh chóng bắt đầu với Google AMP trên trang web WordPress của mình bằng một trong các plugin sau:

Phần 11: Casestudy tối ưu tốc độ WordPress từ các bước ở trên

#1. Kiểm tra hiệu suất của Hosting, nếu bạn không thấy Hosting nằm trong danh sách Tài đã nêu, hãy mạnh doạn loại bỏ.

Vì sao ? Vì bạn tiết kiệm tiền mua Hosting nhưng bạn nhận được một vô số bất lợi, mà quan trọng hơn hết là các website đã sản sinh ra tiền. Thay vì nghĩ cách tiết kiệm 10$ – 20$ mua Hosting / năm. Bạn nên nghĩ thêm nhiều chiến lược để có thêm đơn hàng trên website ??

Đầu tiên, hãy check thử Webserver của mình đang xài là loại nào. Apache, Nginx hay Litespeed, bằng cách xem nhà cung cấp của bạn.

Bất kỳ nhà cung cấp nào cũng phải show ra cho bạn thấy rằng Hosting của họ đang sử dụng công nghệ loại nào

Ở đây, Tài xài Hostinger, vì vậy truy cập vào Hostinger sẽ thấy được công nghệ của họ.

Hoặc A2Hosting, sẽ thấy như hình

Với A2 Hosting thì phải bắt đầu với gói Turbo Boost thì mới có Litespeed

Còn dưới cùng là của iNet, hàng của Việt Nam

Cuối cùng: Tóm lược lại về tăng tốc cho Website WordPress

Như bạn có thể nói, Tài bị ám ảnh bởi tất cả các cách khác nhau để bạn có thể tăng tốc WordPress. Có một trang web nhanh giúp tăng thứ hạng của bạn, cải thiện khả năng thu thập dữ liệu cho các công cụ tìm kiếm, cải thiện tỷ lệ chuyển đổi, tăng thời gian trên trang web và giảm khả năng tạo ra của bạn. Chưa kể đến việc mọi người đều thích truy cập một trang web nhanh!

Tài hy vọng rằng hướng dẫn tăng tốc này là hữu ích và bạn có thể lấy đi một vài thứ và áp dụng chúng cho trang web WordPress của bạn. Nếu vậy, xin vui lòng dành một chút thời gian và chia sẻ nó.

Bạn biết thêm các thủ thuật nào làm tăng tốc WordPress. hãy cùng comment bên dưới nhé

Leave a Comment

This site uses Akismet to reduce spam. Learn how your comment data is processed.