130 kỹ thuật tăng tốc độ website wordpress [2022]

Tại sao cần phải tăng cường website ?
Bởi vì tốc độ tải trang tác động ảnh hưởng đến mọi thứ từ lưu lượng truy vấn đến tỷ suất thoát cho quy đổi, sự hài lòng của người dùng, và ở đầu cuối quan trọng nhất là doanh thu .

Nhiều thanh niên luôn buông mồm nói là tốc độ load website không quan trọng!
nhưng mạng internet hay máy chủ có vấn đề gì đó truy cập vào facebook mãi không được, dùng facebook load chậm, những thanh niên trên là những người chửi to nhất, chửi nhà mạng chửi đủ thứ.

như vậy tốc độ hiệu suất có quan trọng? những thanh niên trên mình cũng chán không muốn giải thích làm gì, Mỗi người thì một tư duy. Với những người tích cực đó là cơ hội mình phải tìm cách làm tốt hơn và có những người thì chỉ biết than phiền với ông trời và cuộc đời.

Bạn hãy coi tăng cường website là bộ môn góp vốn đầu tư. nó giúp website của bạn hoạt động giải trí hiệu suất cao hơn đem lại lợi nhanh lệch giá tốt hơn .
Vậy website như thế nào là đủ nhanh ?
Câu vấn đáp là : Ngắn dưới 2 giây đó là tiêu chuẩn khuyến nghị của những công ty lớn về công nghệ tiên tiến như google hay microsoft …
Con số đó đến từ đâu ? Vâng, tiên phong của toàn bộ như tất cả chúng ta đã thấy ở trên đó là những gì mà gần 50% số người dùng mong đợi thưởng thức web của họ .
Thêm vào đó, hai giây cũng là điểm cắt của Google đã nói cho những website thương mại điện tử .
Hơn nữa, nếu website của bạn tải trong vòng 1,7 giây, nghĩa là nhanh hơn 75 % của những website trên Internet, đứng ra khỏi đám đông luôn và một cách tốt để có được quan tâm .
Mình sẽ hướng dẫn tổng thể những tuyệt chiêu tăng tốc độ load WordPress, bạn vận dụng không thiếu những tuyệt kỹ mình san sẻ dưới đây thì chắc như đinh website của bạn dưới 1,5 giây là điều đương nhiên mình không cam kết chặng đường tối ưu tăng cường website rất đơn thuần nhưng mình sẽ cố gắng nỗ lực hướng dẫn bạn tối ưu tối ưu website thuận tiện hơn .
Tối ưu tốc độ load website luôn là một quy trình quan trọng của toàn bộ những website tuy nhiên rất nhiều công ty không chú ý đến đó là một điều thiếu sót tiêu tốn lãng phí lớn .
Tuy nhiên nhiều công ty lớn như điện máy xanh hay fpt, taobao, amazon, google … những công ty nổi tiếng góp vốn đầu tư ngân sách cho hiệu suất tốc độ rất nhiều và đội ngữ IT luôn được giao trách nhiệm lớn là phải bảo vệ tốc độ tốt nhất khi người mua sử dụng tiêu chuẩn luôn là dưới 2 giây load và càng nhanh càng tốt .
Trong khi tất cả chúng ta luôn có Internet nhanh hơn ( nhờ những nhà mạng lớn viettel, vpt … ) những website có nhiều bloated hơn khi nào hết .
Themes và Plugin liên tục được thêm vào vô tội vạ với nhiều tính năng hơn, hơn mức thiết yếu .
Đa số khách truy vấn Internet đang duyệt từ điện thoại di động ( có ít băng thông và cpu bộ vi giải quyết và xử lý kém hơn máy tính PC ) .
Google giờ đây nhìn nhận tốc độ web của bạn như thể một tín hiệu xếp hạng quan trọng trong SEO .

Quảng cáo trên Facebook, Zalo sẽ không chuyển đổi tốt khi trang web của bạn bị chậm chạp.
(người dùng khi nhấp vào đường link rồi phải chờ một lúc lâu trang web của bạn mới load xong sẽ bị “không thể kiên nhẫn được nữa và quay lại tìm kiếm người cung cấp sản phẩm tương tự”).

Thống kế từ bing ( công ty con của microsoft ) cho biết 47 % khách truy vấn mong đợi một trang tải trong vòng hai giây hoặc ít hơn. Nếu website mất hơn ba giây để tải, 40 % khách truy vấn sẽ rời khỏi website. Hơn nữa, độ trễ một giây hoàn toàn có thể làm giảm 7 % quy đổi .
Trang web nhanh hơn đồng nghĩa tương quan với việc giúp bạn kiếm được nhiều tiền hơn ! Không có gì kinh ngạc phải không ? !
Đó là điều chắn chắn, những ông lớn công nghệ tiên tiến đều đã công bố tốc độ website tác động ảnh hưởng đến người mua như thế nào và ảnh hưởng tác động trực tiếp đến túi tiền của doanh nghiệp như thế nào .
Mất người mua ( tức mất tiền ) mà biết để sửa thì đã tốt nhưng không phải ai bị mất người mua cũng biết nguyên do là vì tốc độ load website chậm .

website load nhanh hơn kiếm được nhiều tiền hơn, người mua hài lòng hơn khi sử dụng website, google nhìn nhận cao bạn tăng seo cho bạn, giảm được nhiều tiền ngân sách web hosting hơn, bảo mật thông tin tốt hơn …

Đây sẽ là một bài viết rất dài ( mình sẽ san sẻ những điều tăng cường website từ cơ bản đến nâng cao hoàn toàn có thể gọi đây là một cuốn bí kíp ) và với cuốn bí kíp này mình cảm thấy rất có nhiều giá trị mà mình tích góp được trong nhiều năm học tập tăng cường WordPress .

Quy tắc quan trọng nhất tiềm năng bài viết này là tối ưu dành cho người dùng trong thực tiễn không phải là dành cho tối ưu những công cụ chấm điểm test, đôi mắt của bạn thấy nhanh tức là nó nhanh, đôi mắt của bạn thấy chậm tức nó chậm

Bạn có nghiền tốc độ load WordPress như tôi không ?

Tốc độ ở đây là tốc độ load website nhé, không phải là đi đua xe đâu 😂 😂
Nếu bạn nghiền tốc dộ load website như mình Nếu có, đây đúng là bài viết cuốn bí kíp bạn đang cần tìm, mà bạn hoàn toàn có thể gọi nó là cuốn sách về những cách bí hiểm tăng tốc độ WordPress cũng được ( tôi san sẻ hết mình những cách từ cơ bản đến những nâng cao nên bài viết này khá dài ) .
Nếu bạn chỉ muốn lời khuyên đơn thuần, hãy chọn một hướng dẫn tối ưu hóa tốc độ thuận tiện hơn để làm theo. : 5 Cách tăng cường website đơn thuần và hiệu suất cao nhất
Tất cả những gì tôi viết san sẻ ở đây là những gì thường thao tác cho tổng thể những người mua của mình. ( Mình cũng không hề chắc chắc là mình hoàn toàn có thể san sẻ hàng loạt kỹ năng và kiến thức tăng cường WordPress ở ngay trong bài viết này )
Ngay cả những người mới khởi đầu với WordPress website. Ngay cả những nhà tăng trưởng lão luyện hoàn toàn có thể tìm hiểu thêm bạn viết này .
Tôi đã nhận rất nhiều dự án Bất Động Sản trang website ưa thích đồ họa đẹp bóng bẩy hay gọi là bay bổng nhưng kích cỡ hơn 1 mb, nhu yếu hơn 100 + về sever một lần truy xuất để tải ngay lập tức và dưới 500 ms ( bài toán thử thách ) .
Tôi sẽ luôn san sẻ phân phối cho bạn hầu hết những bí thuật tăng tốc độ load website mà tôi học được hay phát minh sáng tạo ra trên blog của tôi và kênh youtube của tôi !
Kỹ năng :

• Người Mới bắt đầu với WordPress.
• Trung cấp dùng WordPress đã quen.
• Nâng cao lập trình viên hoặc quản trị viên máy chủ.

Bảng mục lục nội dung:
1: Theme chủ đề giao điện tối ưu.
2: Hình ảnh tối ưu.
3: Bộ nhớ cache tối ưu.
4: Plugin tối ưu.
4: Webhost tối ưu.
6: Font chữ tối ưu.
7: Tài nguyên load bên thứ 3 tối ưu
8: Bảo Mật tối ưu.
9: Tài nguyên tĩnh WordPress tối ưu.

Themes chủ đề WordPress

Đối với hầu hết những website chậm mà tôi thấy thì themes tác động ảnh hưởng lên đến 50 % sự lừ đừ của họ vì chủ đề themes quá cồng kềnh .
Nguyên nhân là chủ đề tải cách quá nhiều rác bloated mà người dùng chả dùng tới đó là phân phối mọi hiệu ứng ưa thích cho mọi người dùng .
Hãy tưởng tượng một chiếc xe đạp điện chở một con lợn nhỏ ( 15 kg ) so với một chiếc xe đạp điện chở một con lợn to ( 100 kg ) nếu đua thì bạn biết ai là người thắng rồi đó …
Nhiều themes quảng cáo với mình là “ nhẹ nhất ” nhưng thực tiễn vẫn giải quyết và xử lý nhiều hơn mức thiết yếu .
Tồi tệ nhất là khi xung đột CSS và JAVACRIPT của họ quá mức với những plugin khác ( thương mại điện tử woocommerce, đa ngôn ngữ, thanh trượt slider, bộ nhớ cache, v.v.. ) .
Lý tưởng nhất khi bạn muốn có một themes tốt là tập trung chuyên sâu vào việc phong cách thiết kế và không có gì khác .
Một chủ đề lý tưởng nhất là một chủ đề đơn thuần nhất .
Top 3 themes load nhanh nhất wp tăng cường nhìn nhận rất cao

Đơn giản là sự tinh xảo tối thượng

Và bạn thực sự không muốn một chủ đề công kềnh, giải quyết và xử lý những tính năng nặng tốt hơn hãy để plugins thao tác đó .
Chắc chắn, những chủ đề với vô tận “ tính năng bổ trợ ” có vẻ như như một shop thuận tiện như một phát ăn ngay …
Vì sao lại có nhiều theme cồng kềnh ?
vì nguyên do lệch giá, lập trình viên muốn bán được nhiều lệch giá cao, họ tăng trưởng Giao hàng đa mục tiêu, ship hàng mọi nhu yếu thương mại điện tử cũng chơi, blog cũng chơi, diễn dàn cũng chơi, tính năng nào hot thấy hay cũng xuất hiện … tích hợp sẵn vào themes của họ như vậy thì tạo ra một themes cồng kềnh bạn thân tất cả chúng ta cũng không sử dụng được hết những tính năng ở trong đó như vậy rất là tiêu tốn lãng phí hiệu suất .
Một theme cháy khách không đồng nghĩa là một theme có tốc độ tốt .
Cho đến khi nào đó bạn nhận ra themes không thực sự làm tốt việc làm như những plugin chuyên nghiệp tập trung chuyên sâu nguồn lực vào xử lý chính 1 yếu tố đó và gây ra xung đột với những plugin khác đau đầu càng thêm đau đầu .
Mình có bài viết san sẻ về : 9 tiêu chuẩn nhìn nhận một themes WordPress load nhanh

1.1: Hãy chọn cho mình một themes nào đó mã hóa thật sự tốt và đơn giản

• Tôi rất thích themes genesis vì sự đơn giản và mã hóa rất tốt lựa chọn tốt nhất dành cho lập trình viên
• Themes generatepress là themes luôn được đánh giá tốc độ load hàng đầu lựa chọn tốt nhất dành cho không phải là lập trình viên hoặc không có thời gian nghiên cứu vọc vạch
• Themes astra đây cũng là một theme rất ngon, nếu bạn chạy cùng các pagebuild bên thứ 3 thì theme này là lựa chọn rất tốt
• Còn rất nhiều themes khác mình không thể liệt kê hết ở đây.

Hãy hỏi những người đi trước xem nên sử dụng theme nào là tốt nhất. Bản thận tôi không thích những themes ở theme forset lắm .

Một themes đơn giản tốc độ luôn vượt trội hơn là themes có cồng kềnh hiệu ứng các thứ các thứ.

1.2: Tùy chỉnh Theme giao diện

Hãy hạn chế gọi wp-query và sử dụng nó một cách khôn ngoan .
* hãy vô hiệu css và javascript trồng tréo không sử dụng đến vì để một theme hoàn toàn có thể cháy khách, họ luôn muốn ship hàng mọi nhu yếu nên cần loại bổ những cái bạn không sử dụng đến .
Chính vì lý do đó đã tạo ra sự cồng kềnh của theme giao diện WordPress .
Hãy cắt giảm nó nếu bạn không thực sự cần nó nhé .
Giả sử : một theme có nhiều css nhành cho woocommerce bán hàng nhưng nhu yếu của mình không sử dụng woocommerce thì hãy xóa bỏ nó đi .
Quá trình xóa bỏ nó không hề đơn thuần, cần sự kiên trì và rất là kiên trì 🙂

Thiên tài là do nỗ lực

1.3 : Hãy loại bỏ javascript nếu như thực sự bạn không cần.

Javascript nó là hiệu ứng tính năng, css là giao diện.

Theo cá nhân mình loại bỏ javascript càng nhiều càng tốt, hạn chế sử dụng javascript nhất có thể.

Bạn có thể sử dụng css thay vì javascript thì sẽ tốt hơn.

Nếu chủ đề của bạn quá cồng kềnh không thế cứu vãn.

Nếu chủ đề của bạn vẫn chạy chậm, tôi nghĩ rằng dễ dàng hơn để chỉ nhận được một chủ đề khác và làm cho nó trông giống nhau. Hoặc có thể coi nó là cơ hội để bạn làm lại giao diện website của bạn tốt hơn.

Bạn cũng hoàn toàn có thể recode chủ đề từ đầu và sao chép cùng một cái để nhìn giống nhau là được .

1.4: pagebuilder

pagebuilder là một tính năng rất nhiều themes tích hợp sẵn, mình cũng khá thích tính năng của nó vì ưu điểm của nó là dễ làm web, người mới bắt đầu cũng dễ dàng làm được.

Tuy nhiên điểm yếu kém của pagebuilder là làm chậm web của bạn, nó tăng thành phần dom ( một yếu tố ảnh hướng đến tốc độ load ) và load 1 số ít css và javascript không sử dụng .
Tuy nhiên có một số ít đặc biệt quan trọng : pagebuilder được mã hóa tốt thì cũng tạm đồng ý được tuy nhiên theo mình tốt nhất là hạn chế sử dụng pagebuilder .
Có nên sử dụng pagebuilder hay không ?

1.5: Dọn sạch css khung framework

Đây là một quy trình lao động, bạn phải tìm xóa sạch từng code nhỏ một .
Nếu như bạn kỹ lưỡng và có kinh nghiệm tay nghề lập trình và thời hạn thì bạn hãy tự lập trình cho riêng mình một cái themes riêng học hỏi từ cái themes mà bạn thích giống như wp tăng cường đang làm nhé !
Themes của mình đang sử dụng là GiaTuan themes con genesis framework. một child theme mình tự tăng trưởng .
genesis framework là một themes cha rất tuyệt vời tương hỗ update rất tuyệt vời. Cấu trúc code rất tốt tuy nhiên nó không có tính năng customize như themeforest nên themes này không tương thích với những người mới khởi đầu .
Nếu bạn muốn chỉnh sửa hay tùy biến bạn cần hiểu một chút ít về css và php thì mọi việc lại trở lên rất đơn thuần vì những hook genesis họ luôn luôn sẵn sàng chuẩn bị và được những cao thủ san sẻ trên internet rất nhiều .
Ít customize themes thì themes sẽ lấy ít wp-query nên tốc độ cho là tuyệt vời hơn .

Nếu themes bạn hỗ trợ các tính năng hỗ trợ tăng tốc và một số tính năng đặc biệt khác

Mình biết sẽ có một số ít themes họ tích hợp sẵn 1 số ít tính năng tối ưu hóa tốc độ và một số ít tính năng lazy đặc biệt quan trọng chỉ dành riêng của themes họ thì bạn đừng ngại sử dụng nó, vì họ tích hợp vào đấy không sợ như bạn sử dụng plugin mà còn bị xung đột website .
Nhưng cũng tùy vào người viết lên cái themes đó họ có thật sự chuyên nghiệp và nhiệt huyết với mẫu sản phẩm của họ hay không .

1.6: Hãy hạn chế sử dụng những themes đa mục đích

Những chủ đề themes đa mục tiêu là nhạc nền gì cũng nhảy được từ blog, bán hàng, woocommerce, forum … nếu họ tích hợp quá nhiều vào themes đó thì sẽ làm nặng website của bạn .
Tại sao themes đa mục tiêu lại được sinh ra và được yêu thích trong WordPress ?
Vì : Người lập trình viên muốn bán được nhiều themes ( hút khách mẫu sản phẩm của họ ), người lập trình viên muốn ship hàng càng nhiều người càng tốt – tổng thể trong một. Còn góc nhìn người dùng vì nghĩ rằng chỉ cần mua hay sử dụng themes này mình không cần phải sử dụng thêm plugins nào hết không phải kiểm tra chất lượng plugins những thứ .
Cũng thông cảm thôi vì để được bán được nhiều themes giao diện thì người lập trình viên họ phải tích hợp nhiều công dụng đa mục tiêu vào cho trong themes của họ. Chính do đó đừng nhìn nhận một themes qua số lượng bán khủng .
Giả sử : bạn chỉ có nhu yếu về Blog viết bài mà họ tích hợp đủ thứ css và javascript Giao hàng woocommerce, forum … mà bạn không sử dụng đến làm nặng rất nhiều website. Hay cơ bản hơn bạn không thích tính năng tương tự như của themes, bạn thay vào plugins khác nhưng nó cứ vẫn load những đoạn code được tính hợp tính năng cũ mà bạn đã có plugins thao tác đó rồi. Themes đa mục tiêu gắn code vào rồi rất khó để xóa bỏ không như plugins, hoàn toàn có thể dẫn đến xung đột và rất tiêu tốn lãng phí tài nguyên sever, với cá thể mình thì rất khó để làm những việc làm sự dụng những kỹ thuật tải điều kiện kèm theo, nhiều kỹ thuật khác v.v …
Những cái ưu điểm của : themes đa mục tiêu có cái hay của nó như bảo vệ sự thích hợp những tính năng mà nó đã mang lại trong themes vì họ đã kiểm duyệt kiểm tra đủ thứ rồi và còn có những themes hạng sang còn tích hợp trong core lõi themes những plugins đáng ra phải trả phí nhưng trong themes có sẵn rồi thì được dùng không tính tiền .
Nhưng cá thể mình thì luôn yêu quý chọn những themes không phải đa mục tiêu rồi tích hợp những plugins vào rồi tự tay mình kiểm duyệt cần cái gì thì tích hợp cái đó là tốt nhất vì hoàn toàn có thể mod plugins, chỉnh sửa đủ thứ, dùng nhiều kỹ thuật hơn với nó .
Hãy tránh xa những đa themes đa mục mục tiêu nếu bạn cần gì thì cứ mạnh dạn sử dụng plugins để làm việc làm đó .

Tối ưu hóa hình ảnh

Theo HTTP Archive, tính đến tháng 8 năm 2019, hình ảnh chiếm trung bình 50 % tổng khối lượng của website. Vì vậy, sau video ( khó tối ưu hóa hơn nhiều ) thì hình ảnh cho đến nay là nơi tiên phong bạn nên khởi đầu ! Nó quan trọng hơn JavaScript, CSS và Phông chữ. Và trớ trêu thay, một tiến trình tối ưu hóa hình ảnh tốt là một trong những điều dễ thực thi nhất, nhưng rất nhiều chủ sở hữu trang web lại bỏ lỡ điều này .
Dung lượng trung bình của website6 Lever tối ưu hóa hình ảnh WordPress
Hình ảnh thực sự là gia tài, không phải giải quyết và xử lý nhiều phức tạp thiết yếu từ những sever web .
Nơi họ giữ lại tải trang của bạn là trong phân phối của họ trên mạng và rendering trong trình duyệt của người dùng. Làm cho họ quá lớn và họ mất nhiều thời hạn để gửi và ăn bộ nhớ của trình duyệt .
Hơn bất kể điều gì, hình ảnh tác động ảnh hưởng đến thời hạn tải cảm nhận của website của bạn .

2.1: chọn định dạng file ảnh
Công nghệ phát triển nên cũng có rất nhiều định dạng ảnh được ra đời.

Tuy nhiên không phải định dạng nào cũng hoàn toàn có thể dùng tốt cho website. Mình sẽ liệt kê một số ít định dạng phổ cập nhất và khi nào nên sử dụng :

• JPG (JPEG): tạo ra các tệp nhỏ hơn cho ảnh hoặc hình ảnh với nhiều màu sắc, định dạng này dùng để nén tốt.
• PNG-8 : là định dạng trong suốt, chất lượng không cao nhưng rất nhẹ.
• PNG-24: là định dạng trong suốt, chất lượng cao nhưng không thể nén tốt và dung lượng cao.
• WEBP: định dạng này do google phát triển, kết hợp tốt nhất của JPEG và PNG, cho phép chất lượng hình ảnh tuyệt vời, minh bạch và nén tốt hơn so với JPEG (nhỏ hơn FileSize). Có thể được sử dụng tại chỗ của JPEG hoặc PNG 24. Mọi thứ đều rất ngon tuy nhiên một số trình duyệt không hỗ trợ ví dụ safari, nên khuyến cáo là thời điểm này vẫn chưa nên sử dụng ảnh webp.
• GIF: phổ biến nhất trong hình ảnh động chất lượng thấp. Hữu ích khi bạn muốn chia sẻ video, nhưng không cần độ sắc nét hoặc âm thanh. GIF về cơ bản là một định dạng slideshow hình ảnh giả mạo như định dạng video chất lượng thấp, ít được sử dụng trong một thiết lập chuyên nghiệp cho một website.

Bài viết hướng dẫn rất chi tiết về cách chọn định dạng file ảnh tốt nhất
2.2: Kích thước size ảnh
Hãy đặt định dạng đúng, màn hình rộng 400px bạn cho hình ảnh rộng 800px thì hình ảnh sẽ load 800px nhưng chỉ hiện ở 400px.

Tức to hơn nhưng không nét mà chỉ nặng hơn thôi .
Bạn nên đặt kích thức hiển thị chuẩn nhất, không nhất thì cũng phải chuẩn đúng chuẩn nhưng càng chuẩn thì càng tốt .

Lấy ví dụ: hình ảnh hiển thị màn hình 400px mà bạn tải hình ảnh 200px thì ảnh sẽ bị mờ.
Lấy ví dụ 2: hình ảnh hiển thị màn hình 400px mà bạn tải hình ảnh 800px hình ảnh vẫn đủ nén, cho dù bạn tải hình ảnh 1600px thì hình ảnh vẫn thế, tuy nhiên là load sẽ chậm đi rất nhiều mà nét thì không nét hơn.

2.3: Không nên sử dụng gốc raw

Bạn nên sử lý hình ảnh nén size ảnh bằng những ứng dụng như photoshop hay một số ít website nén ảnh hay đơn thuần dùng chính WordPress plugin có rất nhiều plugin chất lượng về nén ảnh. Mình sẽ san sẻ những plugin đó ở phần dưới nhé .

2.4: Image adaptive hình ảnh đáp ứng màn hình

Hình ảnh phân phối hoạt động giải trí hiệu suất cao trong WordPress ( kể từ phiên bản 4.4 ) và sẽ tự động hóa hiển thị size hình ảnh nhỏ hơn cho người dùng di động .
WordPress nếu bạn update bản 4.4 trở nên và những bản mới nhất nó sẽ có sẵn tính năng image adaptive, là một tính năng mình rất thích của WordPress .
Image adaptive là gì ? Nó giúp ích gì ?

Image adaptive là tính năng tự động xử lý hình ảnh vừa đủ để xem tùy thuộc màn hình responsive.
Giải thích: bạn tải hình ảnh 2000px nhưng khách hàng dùng iphone 6 chỉ hiển thị được xem được 500px, nếu iphone 6 load hình ảnh 2000px thì sẽ rất lãng vì thời gian và không cần thiết, nó sẽ tự cắt hình ảnh 2000px ra có nhiều size như 600px. Nếu iphone 6 load webhost sẽ giữ cho size ảnh ở 600px không phải là 2000px.

Muốn sử dụng cái này bạn phải thiết lập nhé !

Mình sẽ có video hướng dẫn cách bạn cách image adaptive tối ưu nhất .

Chuyển đổi png to jpg nếu có thể
Hãy chuyển đổi từ png sang jpg nếu có thể nhé vì jpg nén hình ảnh tốt hơn nếu như bức ảnh đó bạn không cần trong suốt lợi ích nổi bật nhất của png bạn không cần thì hãy chuyển sang jpg để nén tốt hơn nhé.

Nén hình ảnh

Hãy nén hình tương thích với ngưỡng nhìn của mắt người. Mắt người tất cả chúng ta chỉ hoàn toàn có thể nhìn được 300 dpi, nếu hình ảnh có cụ thể quá ngưỡng mắt của tất cả chúng ta thì đó là tiêu tốn lãng phí dung tích load .
Hãy để những công cụ nén ảnh lo !
Các thuật toán nén ảnh là những thuật toán phức tạp, bản thân mình thì không rõ nguyên tắc cũng như phương pháp hoạt động giải trí mỗi một công cụ nén ảnh. Mỗi plugin nén ảnh thì sẽ có công thức thuật toán là khác nhau .
Lựa chọn những plugin nén ảnh chất lượng là một điều rất là quan trọng .

Các plugin nén ảnh tốt nhất cho WordPress

Có rất nhiều plugin nén ảnh, mỗi cái có ưu điểm và điểm yếu kém khác nhau

Optimole (mất dữ liệu và không mất dữ liệu – tối ưu bằng api)
ShortPixel (mất dữ liệu và không mất dữ liệu – tối ưu bằng api)
Litespeed (mất dữ liệu và không mất dữ liệu – tối ưu bằng api )

EWWW ( không mất dữ liệu – tối ưu hóa hình ảnh bằng webhost )

Tối ưu bằng api là tối ưu bằng hosting của bên plugin ( khuyên dùng)
Tối ưu bằng webhost là tự webhost mình tự chạy (Không khuyên dùng)

Tuy nhiên : cá thể mình ấn tượng nhất là plugin shortpixel trực tuyến và litespeed nén ảnh
Plugin shortpixel nó chỉ cho số lượng giới hạn nén 1 tháng là bao nhiêu cái thôi nếu muốn nén nhiều bạn phải trả phí, ngân sách mình cũng thấy rất hài hòa và hợp lý khá là rẻ .
Plugin litespeed thì bạn hãy để giá trị là 83 % nhé, đây là plugin cache và tốt ưu hóa mình thích nhất. Nó còn có cả tính năng nén ảnh mình cũng cảm thấy khá hài lòng về năng lực nén ảnh của nó .
Theo mình : không tính tiền thì litespeed, trả phí thì shortpixel đó là theo lựa chọn cá thể của mình .
avatar-litespeed-cache nén ảnh miễn phí tốt nhất WordPress 2020

Loại bỏ size image ảnh không sử dụng và không cần thiết

khi bạn up ảnh lên WordPress sẽ sinh ra rất nhiều dạng ảnh con để phục vụ cho tính năng image adaptive.

Tuy nhiên 1 số ít size bạn đặt không tối ưu sẽ không sử dụng đến sẽ làm nặng webhost của bạn .
Lời khuyên của mình là hãy xóa những size ảnh không sử dụng nữa nhé .
Hãy xóa những cái size ảnh gần giống nhau giữ một cái size tối ưu nhất .
Cách xóa mình sẽ có một clip riêng để hướng dẫn .
Hãy thiết lập image adaptive một cách đúng chuẩn và tối ưu tránh tiêu tốn lãng phí tài nguyên sever và nếu kích hoạt không đúng mực thì nó còn giảm hiệu năng tốc độ website của bạn .

Không sử dụng icon image

Nếu bạn muốn tạo icon nhỏ mà chỉ sử dụng ảnh làm icon thì đúng là lãng phí tài nguyên, có một số cách tốt ưu hơn rất nhiều đó chính là:

Sử dụng CSS sprites ( đợi video hướng dẫn sớm nhé đây là cách tốt nhì)
Sử dụng icon font svg ( đợi video hướng dẫn sớm nhé đây là cách tốt nhất làm icon)

CSS sprites
CSS sprites là một chiến thuật cũ mà thực sự vẫn hoạt động cho một số trường hợp sử dụng, trước khi http/2 ra đời thì kỹ thuật sử dụng CSS sprites là một kỹ thuật vua ( Giới tăng tốc độ load website ngày ấy kiểu website mà không biết sử dụng tuyệt kỹ này thì là một website gà bỏ đi – tầm quan trọng nó ghê gớm đến như thế ).

CSS sprites là kỹ thuật được sử dụng để kết hợp nhiều hình ảnh nhỏ vào một file hình ảnh và sau đó gọi chỉ là một phần của nó trong CSS. Nhờ thuộc tính css là {background-image: url(.png); background-repeat: no-repeat; width: px; height: px;} Đó là một cách thông minh để giảm các yêu cầu HTTP.

Cho đến nay năm 2020 giải pháp này không còn hiệu suất cao nhiều như trước vì HTTP / 2 được cho phép bạn có nhiều nhu yếu HTTP .
Nếu trong trường hợp bạn chưa có giao thức http / 2 trở lên thì bạn càng phải khám phá kỹ thuật CSS sprites. Nếu trong trường hợp bạn đã có thức http / 2 trở lên thì bạn cũng nên sử dụng vì vẫn cải tổ được một chút ít tốc độ load website, khoảng cách không nhiều như không có giao thức http / 2 .
Hiện tại mình thấy điện máy xanh sử dụng kỹ thuật CSS sprites rất hiệu suất cao và tuyệt vời .

Font chữ woff svg icon

Sử dụng phông chữ hình tượng thay vì đặt văn bản trong hình ảnh – chúng trông đẹp hơn khi được thu nhỏ và chiếm ít khoảng trống hơn .
Và nếu bạn sử dụng trình tạo phông chữ, bạn hoàn toàn có thể tối ưu hóa chúng nhiều hơn nữa .
Kiểm tra cách chúng tôi giảm size tệp phông chữ hình tượng của mình xuống tới 97,59 % bằng cách sử dụng trình tạo phông chữ .
Ở Nước Ta thực sự rất ít người biết sử dụng kỹ thuật này ! !
Mình còn tăng cấp cao hơn kỹ thuật này nữa woff2 của google còn nhanh hơn cả woff mình sẽ sớm ra clip này san sẻ cho mọi người hướng dẫn cách làm nó nhé !
Wp tăng cường cũng đang sử dụng rất thành công xuất sắc kỹ thuật này .

Đừng bao giờ đưa video lên webhost của bạn

Video là định dạng rất nặng, nếu webhost của bạn không khỏe và nhiều tiền như mấy ông lớn thì theo mình khuyên là không nên đăng trực tiếp video lên webhost .
Nếu đăng video thì hãy đăng video lên youtube hay vimeo rồi nhúng link qua bên website của bạn, đó là kế hoạch cực kỳ hiệu suất cao và tốt hơn rất nhiều .

Sử dụng css kết hợp hình ảnh một cách thông minh

Nếu màn hình hiển thị hiển thị là 400 px nhưng bạn chỉ có bức ảnh là 300 px thì bạn hoàn toàn có thể thêm css là max-width : 300 px ; và căn giữa cho nó chất ! 🙂
Một mẹo nhỏ là hãy thêm box-shadows và border-ruis vào cho đẹp, như website mình vẫn đang sử dụng .

Sử dụng lazy load một cách tính tế

Phương pháp lazyload chắc như đinh là một giải pháp tuyệt vời .
Kỹ thuật này làm trễ nhu yếu HTTP trong khi nạp những tài nguyên ảnh với mục tiêu giảm tải nhu yếu load cùng 1 lúc, nhường nội dung hiển thị trước để tăng cường thời hạn tải trang .
LazyLoad imageĐiều này sẽ làm giảm dung tích của trang mang đến cho bạn thời hạn tải trang nhanh hơn .
Giả sử như website của bạn có 100 bức hình, không ai muốn phải tải xong 100 bức hình thì người dùng mới được phép xem website của bạn. Không có điều gì cam kết được người dùng sẽ xem hết 100 bức hình của bạn, đôi lúc chỉ là 10 hay 20 bức hình. Chính vì điều đó hãy kích hoạt sử dụng lazy load để tăng tốc độ load website của bạn, nâng cao thưởng thức người dùng và đặc biệt quan trọng giảm tải cho sever webhost của bạn .
WordPress có nhiều plugin giúp bạn tạo tính năng lazyload .
Tuy nhiên nếu dùng lazy load không đúng cách sẽ phản tác dụng ngược, sẽ giật giật làm người mua không dễ chịu, làm giảm thưởng thức người dùng .
Tôi có viết một plugin về lazy load độc quyền dành cho người mua của mình, thì cần quan tâm :
Cách lazy load hiệu suất cao nhất là hãy thêm hiệu ứng hoạt động bằng css vào và margin thresholds một cách đúng chuẩn .
lazy margin thresholds một cách chính xác và phụ hợp với bạnBạn hoàn toàn có thể xem tìm hiểu và khám phá phương pháp hoạt động giải trí ở bài viết này nhé .
Cách tối ưu lazy load ảnh

Yêu cầu người thiết kế vẽ ít màu nhất có thể

Nếu bạn là photographer thì thông tin này không có ích dành cho bạn nếu bạn vẽ san sẻ về công nghệ tiên tiến như mình hay nhu yếu về vẽ hoạt hình ảnh .
Hãy nhu yếu người phong cách thiết kế designer hoặc nếu bạn là người tự vẽ .
Thì hãy vẽ sao cho sử dụng thật ít màu nhất hoàn toàn có thể ví dụ màu đỏ : B40404 hoặc d60303 cũng là màu đỏ thì bạn hãy kéo về cùng một màu đỏ mà bạn thích .
Ví dụ kéo hết về màu d60303 ví dụ điển hình .
Cho dù bạn dùng định dạng file gì thì cũng giảm được dung tích ảnh tốt hơn rất nhiều đặc biệt quan trọng nếu như bạn giảm được tốt, bạn hoàn toàn có thể sử dụng định đạng ảnh png-8 dưới 256 color màu thì dung tích và độ sắc nét rất tuyệt vời .

Web hosting tối ưu

Tốc độ webhosting của bạn xác lập nhanh như thế nào, nó hoàn toàn có thể giải quyết và xử lý mã và có bao nhiêu khách truy vấn nó hoàn toàn có thể tinh chỉnh và điều khiển .
So sánh website của bạn với một chiếc xe hơi .
Để thực thi một chiếc xe hoàn toàn có thể đi nhanh hơn bạn là
Phương án 1 : có được một động cơ can đảm và mạnh mẽ hơn
Phương án 2 : làm giảm khối lượng của nó .
Đối với những website, những sever web là “ động cơ mạnh ” và mã code là “ khối lượng ” .
Mục tiêu là để cải tổ sever web của mình tăng “ động cơ ” và tối ưu giảm mã “ khối lượng ”, OK ?
Thay đổi webhosting của bạn là một trong những cách dễ nhất để cải tổ tốc độ ngay và luôn .
Những người sử dụng trên giá rẻ USD 5 / tháng share hositng bạn lấy USD 5 / tháng góp vốn đầu tư vào vps rồi bạn tự quản trị tốc độ và năng lực chịu tải nó rất khác .
Sự độc lạ không chỉ là tốc độ mà còn là một yếu tố ngân sách ( tiết kiệm chi phí, góc nhìn góp vốn đầu tư ) .
Một sever nhanh hoàn toàn có thể giải quyết và xử lý nhiều khách truy vấn hơn chắc là điều gần như ai cũng biết rồi .
Nếu sever webhost của bạn hoàn toàn có thể giải quyết và xử lý gấp đôi lưu lượng truy vấn, yếu tố về ngân sách hosting sẽ không khi nào khiến bạn đau đầu vì càng nhiều người truy vấn thì thu nhập của bạn càng cao, hãy góp vốn đầu tư một webhost tối ưu tốc độ tốt chứ không phải là một share hosting giá rẻ mà quảng cáo như trên trời .
Quảng cáo thông dụng nhất mình thấy là “ Chúng tôi dùng công ty litespeed giúp website của bạn tăng cường 10 ” lần không hiểu kiểu gì, litespeed là websever hiện tại là ngon nhất. Nó giúp webhost tiết kiệm ngân sách và chi phí được rất nhiều tài nguyên, tài nguyên đó để họ Giao hàng thêm nhiều người và nâng cao doanh thu cho nhà phân phối webhost. Liệu họ có góp vốn đầu tư vào thông số kỹ thuật thêm không tính tiền cho bạn không ? ?
những tiêu chuẩn nhìn nhận share hosting chất lượng
Nếu bạn lựa chọn share hosting thì hãy lựa chọn nhà cung ứng uy tín chứ không phải là vì thông số kỹ thuật những thứ những thứ. Đã góp vốn đầu tư vào share hosting thì không nên có góc nhìn tiết kiệm ngân sách và chi phí mà là hãy nhìn là góc nhìn góp vốn đầu tư ( góp vốn đầu tư vào cái này thì kiếm được gấp bao nhiêu lần … ) .

3.1: Chọn ví trí webhost gần bạn nhất

Rõ ràng là bạn nên chọn một vị trí máy chủ gần nhất với khách truy cập của bạn. Lý tưởng là bạn không muốn DNS ping thời gian của bạn hơn 80ms từ máy chủ đến máy tính của khách truy cập. Có nhiều ý nghĩa tùy thuộc vào nhu cầu của bạn.

Bạn vào cmd ( Ấn nút windows + R ) rồi ấn nút ping + địa chỉ ip nó sẽ cho số là xx, ms số càng thấp thì càng tốt .

Lựa chọn nơi cung cấp dịch vụ webhost uy tín

Hãy cẩn thận chọn lựa những webhost mà được cộng đồng đánh giá tốt, đừng nghe những lời quảng cáo có cánh nổ cách kiểm webhost của tôi thế này thế kia.

Một số nơi phân phối dịch vụ mình cảm thấy mọi người sử dụng WordPress rất tin yêu :
1 : Vutrl ( Đứa con quốc dân vps của người Nước Ta mình ngon + bổ + rẻ )

2: Google cloud
3: Microsoft
4: Linode

5: Digitalocean
6: Azdigi ( của việt nam đây là nơi webhost theo mình là sáng giá nhất)

Google, Microsoft là những dịch vụ webhost hạng sang giá không hề rẻ dành cho những người tiền không phải là yếu tố và doanh nghiệp lớn khuyên dùng .
Vutrl, Linode, Digitalocean là webhost tầm trung giá rẻ, chất lượng cũng rất tốt so với giá tiền bỏ ra ( nếu mua ở việt nam hãy chọn sever japan, singapore, hongkong … để tốc độ về việt nam tuyệt vời nhất nhé ) .
Lựa Chọn webhost trong nước hay quốc tế thì tốt hơn
Nên dùng webhost của quốc tế vì webhost của quốc tế luôn tăng trưởng hơn Nước Ta và giá còn rẻ hơn rất nhiều. Nhược điểm của nó là khó tương hỗ vì ngôn từ .
Mình biết có một webhost Nước Ta xứng danh sánh vai cùng mấy bạn bè bên quốc tế là Azdigi. Chia sẻ thật thì azdigi theo cá thể mình đáng giá vẫn còn thua kém so với Vutrl, Linode khoảng chừng 50 %. :))

Hãy sử dụng ảo hóa toàn phần kvm
Kvm là dùng webhost ảo hóa toàn phần, có 2 loại công nghệ là ảo hóa một phần( OpenVZ) và ảo hóa toàn phần( Kvm).

Ảo hóa một phần là share host, một gói mà rất nhiều website sử dụng chung, như 1 nhân cpu mà tận 40 website sử dụng, ông hàng xóm dùng mà mình không biết ( gói này thưởng rẻ hơn so với ảo hóa toàn phần nhưng tốc độ thì không tốt và bảo mật thông tin cũng không tốt ) .
Ảo hóa toàn phần là một mình một thiên đường, ví dụ : 1 nhân cpu một website mình dùng không dùng thì chả ai dùng để đó nếu khi nào sẵn sàng chuẩn bị thì sử dụng ( ảo hóa toàn phần cho tốc độ tốt hơn, gói này đắt hơn ảo hóa 1 phần nhưng sẽ được tương hỗ cache plugin luôn, tốt hơn nhiều ) .

Luôn mua thừa gói web hosting để dự phòng
Bạn hãy mua thừa gói web hosting ra để phục vụ khách hàng được tốt nhất.

Ví dụ bạn có một nhà hàng quán ăn giờ cao điểm nhất có 100 người vào, giờ thông thường chỉ có 40 người vào. vậy bạn sẽ tăng cấp nhà hàng quán ăn có năng lực Giao hàng bao nhiêu người. Theo mình là phải dư ra để luôn đủ năng lực Giao hàng 140 người. Nếu bạn quyết định hành động chỉ làm đủ năng lực để Giao hàng 80 người thì những lúc cao điểm là 100 người nhà hàng quán ăn của bạn sẽ bị quá tải. Webhost ở đây nếu quá tải thường sẽ bị xập. May mắn không bị sập thì cũng sẽ rất chậm và lag .

Sử dụng php mới nhất

Phiên bản PHP một mình làm cho một sự độc lạ lớn về tốc độ và bảo mật thông tin .

Sử dụng phiên bản PHP mới nhất có thể( dễ dàng-cấu hình từ bảng điều khiển webhosting của bạn)!
Ví dụ PHP 7,0 sẽ nhanh hơn 3 lần PHP 5,6.
Ngay cả PHP 7,3 nhanh hơn 10% so với PHP 7,2.
Tại thời điểm mình viết bài viết này PHP 7,4 đang có sẵn.
Hãy cảnh giác với bất kỳ máy chủ web nào vẫn sử dụng PHP cũ!

Giữ website của bạn ở phiên bản PHP update mới nhất không chỉ tốt cho tốc độ mà còn tốt cho bảo mật an ninh. Vấn đề duy nhất là một số ít chủ đề hoặc bổ trợ hoàn toàn có thể không thích hợp với những phiên bản PHP .
Bạn sẽ biết được điều đó do tại website của bạn không hoạt động giải trí đúng hoặc trông lạ. Vì vậy phải kiểm tra cẩn trọng và giữ cho chủ đề / Plugins Cập Nhật, giúp nó thích hợp với PHP mới nhất .
Bạn phải dùng tối thiểu là phiên bản php 7.2 trở lên vì phiên bản đó là phiên bản được tương hỗ sau cuối của nhà tăng trưởng php .
Nếu được hãy dùng phiên bản php mới nhất để cho bạn những hiệu suất đáng kể .
Bạn hoàn toàn có thể xem list những phiên bản php vẫn đang được php tương hỗ và tăng trưởng tại đây : https://www.php.net/supported-versions.php
Lưu ý : nếu bạn tăng cấp php dẫn đến 1 số ít nhà tăng trưởng themes và plugin không kịp tương hỗ phiên bản php mới hoàn toàn có thể dẫn đến xung đột và gây lỗi web của bạn, thế cho nên hãy bảo vệ chắc như đinh rằng bạn phải backup website trước khi tăng cấp hoặc hãy giả lập website trên localhost để tăng cấp trước xem như thế nào, tránh thực trạng gây lỗi website của bạn .
Có một số ít plugin tương hỗ việc test kiểm tra độ thích hợp php tuy nhiên theo mình thì bạn hãy test trực tiếp sẽ tốt hơn rất nhiều .

Chuyển đổi bảng MySQL từ MyISAM để InnoDB

InnoDB thời hạn trở gần đây thì tốc đọc và ghi đã vượt mặt MyISAM .

Đảm bảo rằng các bảng của bạn được đặt thành InnoDB thay vì MyISAM.
InnoDB mới hơn và được coi là tốt hơn tổng thể (nhanh hơn, an toàn hơn).
MyISAM có thể nhanh hơn trong một số trường hợp (khi chủ yếu chỉ đọc).
Bạn có thể chuyển đổi thủ công trong phpMyAdmin hoặc sử dụng một plugin (Servebolt Optimizer hoặc LiteSpeed cache). Có thể xóa các plugin sau đó nếu bạn không cần nó.

Phần mềm webserver

Sử dụng bất kỳ phần mềm máy chủ web như Apache. Tốt nhất là NGINX hoặc LiteSpeed.

Lưu lượng truy vấn traffic của bạn càng cao, sự độc lạ càng lớn và càng đáng quan tâm .
Theo mình nhìn nhận :

1. Litespeed
2. Nginx
3. Apache

Nếu bạn còn đang sử dụng apache thì khuyến nghị hãy chuyển qua sử dụng LiteSpeed hoặc nginxthì hãy cài lại ứng dụng đi nhé hoặc chuyển một đơn vị chức năng web hosting nào tương hỗ công nghệ tiên tiến mới hơn là nginx hoặc LiteSpeed để bạn sử dụng .
NGINX tỏa sáng tại những website đơn thuần. Không có nhiều setup để tối ưu hóa. Nhưng một khi bạn có một website phức tạp, NGINX là một mớ hỗn độn phức tạp. Một số tính năng NGINX không dễ thông số kỹ thuật. Website đơn thuần thì đúng là đất diễn của nginx .

LiteSpeed có nhiều tính năng dễ kích hoạt hơn NGINX. Khi bạn phân phối sharehost người dùng có thể  dễ dàng kết nối tương tác với máy chủ bằng file .htaccess. Webserver LiteSpeed cũng có một plugin bộ nhớ cache WordPress chính hãng mà websever NGINX thì không có. Đó là một lợi thế rất lớn dành cho những người sử dụng WordPress. (Cá nhân tôi yêu thích LiteSpeed)

OpenLiteSpeed là phiên bản hội đồng không tính tiền của LiteSpeed. Đó là một lựa chọn tuyệt vời cho những người muốn NGINX không lấy phí nhưng plugin bộ nhớ cache LiteSpeed can đảm và mạnh mẽ .
Với website phức tạp thì đất diễn nơi tỏa sáng của LiteSpeed Rồi, với website WordPress thì thường không hề đơn thuần. Vì vậy với WordPress thì lựa chọn tốt nhất là LiteSpeed webserver .
Giữ sever web của bạn Cập Nhật. Các phiên bản sau này hoàn toàn có thể tăng cường những giao thức và quy trình tiến độ nhất định .
Mình có seria setup openlitespeed bạn hoàn toàn có thể tìm hiểu thêm .
Hướng dẫn cài đặt openlitespeed webgui
Bạn hoàn toàn có thể sử dụng ứng dụng WPTangToc OLS đây là ứng dụng không lấy phí do chính mình tăng trưởng và quản lý và vận hành, ứng dụng này giúp bạn thiết lập openlitespeed từ a đến z dành riêng cho WordPress bạn hoàn toàn có thể sử dụng .
logo-wp-tang-toc-ols

Vô hiệu hóa một số dịch vụ không cần thiết của web hosting

Nhiều sever được tự động hóa thiết lập với tổng thể những tính năng chạy để làm cho mọi thứ thuận tiện cho bạn. Nhưng họ chỉ giống như những máy tính mới với ứng dụng thiết lập sẵn .
Thoát khỏi những cái bạn không sử dụng. Thậm chí nếu chúng không sử dụng nhiều bộ nhớ, chúng vẫn hoàn toàn có thể bị bắn phá bởi tin tặc và bị ăn tài nguyên .
Một số dịch vụ bạn hoàn toàn có thể xóa trong web hosting của bạn :

• DNS – vô hiệu hóa nếu bạn đang sử dụng dịch vụ DNS bên ngoài. (Cloudflare, Made easy dns, Google DNS …)
• Email – vô hiệu hóa nếu bạn đang sử dụng email của bên thứ ba. (G-Suite, MXroute, Yandex …)
• FTP – hãy vô hiệu hóa nó sử dụng giao thức SFTP cho an toàn
• Elastipress – bạn có thể sử dụng aligola (Cải thiện tăng tốc tìm kiếm của wordpress với algolia)

Bảo mật cơ bản cho web hosting

• Hãy đổi cổng port ssh đừng để mặc định là root port 22
• Hãy đặt password root dài trên 40 kí tự, nếu được thì block tài khoản root và sử dụng dưới quyền sudo cho an toàn.
• Hãy dùng Fail2Ban để chống rò password
• Hãy dùng hệ điều hành linux CentOS dòng hệ điều hành của rehat
• Chỉ mở port khi cần thiết và bạn hiểu đừng mở port vô tội vạ khi không dùng nữa thì đóng port lại
• Hãy chỉnh cài đặt múi giờ tránh lỗi 0 – đây
• Hãy sử dụng giao thức SSL
• Nâng cấp cập nhật hệ điều hành đều đặn …

Cấu hình php.ini tối ưu

Hầu hết những bạn ( về share hosting ) thậm chí còn hầu hết không có quyền truy vấn vào những thiết lập này hoặc không biết làm thế nào để thiết lập chúng .
Nhưng dù sao đây cũng là điều mà tôi khuyên bạn nên làm nếu hoàn toàn có thể .

Max_execution_time – thấp hơn (30-60 giây) là tốt hơn để ngăn chặn các tài nguyên Hogs từ tụt hậu ra máy chủ. Nhưng bạn có thể cần thời gian thực hiện cao hơn cho các quá trình dài như nhập, xuất, sao lưu.
Max_input_time – thấp hơn (60 giây) là tốt. Chỉ tăng nếu bạn đang cố gắng để nhập một cái gì đó mà mất vĩnh viễn.
Max_input_vars-thiết lập để “1000”, trừ khi một số plugin cần cao hơn.
Memory_limit – Hãy thử “256M” để được an toàn. Nâng cao nếu bạn có bổ sung nặng. Tôi thích để thiết lập thấp hơn vì vậy tôi được thông báo ngay lập tức khi có Hogs bộ nhớ.

Sử dụng mariadb thay vì mysql

Theo như thống kê mariadb tốc độ đã tiêu biểu vượt trội hơn mysql được thống kê là 8 % .
Mariadb có năng lực thích hợp ngược với mysql, mariadb xuất thân từ đội ngũ kinh nghiệm tay nghề của mysql sau khi mysql được Oracle mua lại .
Hãy sử dụng mariadb làm cơ sở tài liệu cho bạn .
Hãy update mariadb lên phiên bản mới nhất nhất để tối ưu cho WordPress của bạn .

Sử dụng giao tiếp http mới nhất

HTTP/2 tải các yêu cầu trình duyệt nhanh hơn rất nhiều so với http/1 (nhờ vào sự khác biệt). Tôi thấy nó phải nhanh hơn đến 3 lần.
Bạn nên sử dụng HTTP/2 hoặc thậm chí HTTP/3 (gần đây đã phát hành).
Tránh các máy chủ web cũ vẫn còn trên các Archaic HTTP/1.
Kiểm tra trang web của bạn cho http/2 và http/3.
Sử dụng HTTP/2 yêu cầu HTTPS/SSL. Nếu trang web của bạn không có trong HTTPS, hãy làm ngay bây giờ!

Trong tương lai quic của google triển khai xong là một giao thức còn tuyệt vời hơn cả HTTP / 2 .
Nghe nói google sẽ đặt tên giao thức mới là HTTP / 3 và mình cũng đang sử dụng quic trên openlitespeed, mình thấy rất hài lòng về giao thức mới của google .

Nén nội dung

GZIP là nén các dạng.
BROTLI là nén các dạng nâng cấp cao hơn gzip( là phiên bản tốt hơn gzip).
Nếu sử dụng BROTLI – thiết lập nén tĩnh đến 6.
Nếu sử dụng GZIP – thiết lập nén động thành 1, nén tĩnh đến 6.
Bạn có thể đẩy mức nén tĩnh cao hơn nếu CPU của bạn mạnh( hoặc máy chủ sử dụng thấp) và/hoặc nội dung tĩnh của bạn được lưu trữ trong một thời gian dài (lần hết hạn lâu).

Nếu bạn đang sử dụng CDN hoặc cloudflare, hãy bảo vệ bạn bật nén BROTLI cũng có .

Bảng điều khiển web hosting

Hãy loại bỏ bảng điều khiển đi.

Và hãy dùng code lệnh tay ssh, nếu bạn dùng vps gói cấu hình không cao thì nên loại bỏ có thể giảm được một chút tài nguyên. Nếu bạn có web hosting khủng thì nó cũng không thực sự cần thiết lắm.

Tối ưu tốc độ nhất thì hãy loại bỏ trình bảng điều khiển như cpanel, phpmyadmin… chúng ta sẽ chơi bo.

Một phần về nguyên do bảo mật thông tin nữa nếu về tài nguyên bạn nhiều thì không nhất thiết phải bảo những bảng điều khiền nhưng về bảo mật thông tin thì là câu chuyên khác bạn sử dụng bảng tinh chỉnh và điều khiển thì sẽ càng thêm rủi ro đáng tiếc về bảo mật thông tin hơn. Tức là ổ khóa và có cửa thì mới hoàn toàn có thể đi phá khóa và phá cửa, nhưng bạn không dùng thì chả có cửa hay ổ khóa gì để mà phá cả .

Sử dụng dịch vụ dns bên thứ 3

DNS viết tắt của hệ thống tên miền, là một trong những thành phần phổ biến nhất nhưng hay bị hiểu lầm của web. Để đặt nó một cách đơn giản.

DNS giúp lưu lượng truy vấn trực tiếp trên Internet bằng cách liên kết những tên miền với những sever web trong thực tiễn. Về cơ bản, phải mất một nhu yếu thân thiện với con người-một tên miền như wptangtoc.com và dịch nó thành một máy tính thân thiện với địa chỉ IP máy chủ-như 216.58.217.206 .
Khi bạn mua tên miền, thường thì dịch vụ tên miền sẽ tương hỗ làm sever dns. Tuy nhiên nói thật tốc độ chán lắm .
Đặc biệt cũng đừng dùng webhost của bạn làm dns nhé, tốn tài nguyên mà yếu tố bảo mật thông tin nếu bạn không biết làm thì toang ! !
Hãy chuyển ngay qua dns bên thứ 3 nối tiếng sẽ cho tốc độ cải tổ được 1 chút .
Hãy sử dụng một DNS bên ngoài như cloudflare hoặc DNS Made Easy, google dns tạo ra một quốc tế của sự độc lạ về tốc độ webhosting ? Tôi nghĩ rằng nó cải tổ thời hạn tra cứu nhưng không đáng chú ý quan tâm, trừ khi sever DNS trước đó của bạn là một mảnh rác bởi Webhost giá rẻ .
Lợi ích chính so với tôi là cách nhanh gọn tôi hoàn toàn có thể chuyển hướng mọi thứ .
Giả sử bạn bị tiến công và cần chuyển hướng trải qua một proxy bảo mật thông tin. Hoặc hoàn toàn có thể bạn đang quy đổi những góc nhìn nhất định của website của bạn đến một sever khác. Trong những khoảnh khắc như thế này, việc có một dịch vụ DNS như vậy là thuận tiện. Bạn hoàn toàn có thể quy đổi những thứ trên với rất ít thời hạn chết và thậm chí còn chuyển chúng trở lại một cách nhanh gọn .
Dịch Vụ Thương Mại DNS hoàn toàn có thể có vẻ như như một rắc rối thêm để thiết lập, nhưng một lần ở nơi chúng cho phép bạn tích hợp những dịch vụ mới và giảm thiểu những yếu tố hiệu suất nhanh hơn nhiều .
Cloudflare là đơn vị chức năng dns cực nhanh và không lấy phí khuyến nghị nên dùng cloudflare nhé .
NameCheap là một trong những tên tuổi lớn trong làng tiền miền và dns mà vẫn tốc độ không ăn thua cho lắm nói gì đến những dns Nước Ta, toàn bộ số liệu này mình tích lũy được từ những trang công nghệ tiên tiến uy tín, để mình vận dụng và san sẻ cho mọi người .
NameCheap DNS được 33 % chậm hơn so với cloudflare. Ngoài ra, DNS hạng sang hoàn toàn có thể phân phối bảo mật thông tin tốt hơn và tính khả dụng, đặc biệt quan trọng là khi bạn đang theo một cuộc tiến công DDoS .
Tăng tốc website sử dụng dns bên thứ 3
Với doanh nghiệp nhỏ và vừa mình khuyến nghị sử dụng DNS cloudflare, còn với doanh nghiệp lớn rất nhiều traffic thì mình khuyến nghị dùng made easy dns .
Tốc độ của dns made easy dns chậm hơn cloudflare 50 % nhưng made easy dns thời hạn uptimes tốt hơn cloudflare rất nhiều, thời hạn uptimes với những website lớn thì rất quan trọng .

WP-cron từ máy chủ của bạn đừng dùng php

Nhiều nhiệm vụ WordPress cần một kích hoạt chức năng. Chẳng hạn như gửi email hệ thống, chạy sao lưu, phát hành bài viết theo lịch trình.

Theo mặc định, WordPress sử dụng một công dụng được gọi là WP-cron ( vị trí thuận tiện tại tenmiencuaban.com/wp-cron.php ) .
Nó hoạt động giải trí bằng cách kiểm tra ( và thực thi ) cho bất kể trách nhiệm đang chờ giải quyết và xử lý bất kể thời hạn ai đó truy vấn vào website. Nó tuyệt vời cho những website nhỏ, nhưng kinh khủng nếu bạn có nhiều lưu lượng truy vấn ( gây ra nhiều cron-kiểm tra không thiết yếu ). Cũng là một lỗ hổng DDOS rõ ràng .
Điều hài hòa và hợp lý là để vô hiệu hóa WP-cron và sử dụng một cron job thực sự mặc dầu từ sever của bạn hoặc một dịch vụ cron bên ngoài :
Cách vô hiệu bạn hãy vào wp-config.php thêm đoạn code này define ( ‘ DISABLE_WP_CRON ’, true ) ;
Một số việc làm cron truy vấn trực tiếp vào website. Những người khác đi qua những thư mục Linux. Sử dụng bất kỳ một tác phẩm nào. Tôi nghĩ rằng khoảng chừng thời hạn 5 phút là tốt nhất .
Cách tối ưu hóa wp-cron để giảm tải sever

Chuyển hướng http to https bằng webhost

Chuyển hướng bằng php thì rất dễ, bạn có thể sử dụng plugin Really Simple SSL một cách dễ dàng tuy nhiên cách này không hiệu quả tốc độ được cho là không nhanh lại còn khá tốn tài nguyên.

Mỗi một ứng dụng websever khác nhau thì sẽ có cách kích hoạt khác nhau .

Hãy sử dụng webhost chuyển hướng http to https mặc định nhé!
Mình có một bài viết rất chi tiết về vấn đề này.

Cấu hình MySQL Tối ưu

Mình sẽ sớm có clip hướng dẫn bạn về cách thông số kỹ thuật cache mysql tối ưu nhé

Plugin tối ưu hóa

Plugins hoàn toàn có thể gây ra lên đến 50-80 % sự chậm trễ của website của bạn .
WordPress Plugins. Bạn hoàn toàn có thể đã được cho biết rằng bạn không nên setup quá nhiều plugin hoặc nó sẽ làm chậm trang web WordPress của bạn .
Trong khi điều này nhiều lúc đúng, nó không phải là yếu tố quan trọng nhất. Số lượng những plugin không quan trọng bằng chất lượng plugin .
Bạn cài nhiều những plugin được mã hóa tốt chuyên nghiệp load vẫn luôn luôn ngon hơn bạn cài ít cái plugin mà được mã hóa kém .

chất lượng quan trọng hơn số lượng

Mình có 1 số ít người mua đang chạy 30-40 plugins và những website của họ vẫn còn tải trong một giây .
Không nhất thiết là phải dùng càng ít càng tốt, nó cũng chỉ đúng một phần mà thôi .
Đôi khi bạn là người lập trình viên chuyên nghiệp không có thời hạn để liên tục update những mã của bạn sao cho tốt nhất thì sử dụng plugin là một giải pháp rất tuyệt vời .
Bài viết bạn hoàn toàn có thể tìm hiểu thêm : Những tiêu chuẩn của một plugin chất lượng cao dành cho WordPress

Hãy chọn những plugin mà được đánh giá cao từ những người chuyên nghiệp
Tại sao không phải là xem lượt tải chỉ đơn giản đôi khi họ nhiều lượt tải chưa chắc đã tốt vì một sản phẩm muốn bán được người làm ra plugin đó theo đuổi phục vụ mọi nhu cầu, chính vì nó do đó sẽ tạo lên sự cồng kềnh nặng website.

Đừng quá quan trọng vào lượt tải của plugin đó

mình kiểm tra cộng đồng phát triển.(cái này quan trọng nhất)
mình kiểm tra đánh giá trên WordPress.
mình kiểm tra công ty phát triển của họ có làm ăn uy tín, kinh nghiệm trong ngành đó như thế nào.
mình kiểm tra có liên tục để Cập Nhật/hỗ trợ hay không.

Tải có điều kiện plugin css và javascript

Nhiều plugin tải phong cách CSS của họ và các kịch bản JS trên mỗi trang.

Ngay cả khi họ đang không được sử dụng ! Họ làm điều đó để bảo vệ nó luôn hoạt động giải trí nhưng điểm yếu kém là nó làm chậm website của bạn .
Một số plugin có có tâm sẽ có mục tùy chọn trong cài đặt để vô hiệu hóa tải toàn thế giới và / hoặc thông số kỹ thuật những trang để tải trên .
Hoặc bạn hoàn toàn có thể vô hiệu hoặc tải có điều kiện kèm theo trong tệp functions. php của bạn hoặc đơn thuần hơn bạn hoàn toàn có thể sử dụng plugin để làm điều đó .

Tích hợp css và javcript vào themes

đôi khi một plugin nó chỉ load 2 kb, bạn hãy nên vô hiệu hóa load file plugin đó đi và tự nhúng dequeue vào themes của mình
ý là gộp cùng file vào themes mình luôn, theo quan điểm của mình file dưới 10 kb thì hãy lên gộp tích hợp nó vào themes của mình vì thời hạn giải thuật dns có khi còn lâu hơn cả thời hạn tải xuống .
Còn file plugin trên 10 kb thì thôi khỏi cần phải làm nhé .

Đừng dùng một số plugin không cần thiết
1: Really Simple SSL – giải pháp chuyển hướng bằng webhosting hoàn hảo hơn
2: Insert Headers and Footers – giải pháp Customizer tìm footer and header gần như thêm nào cũng có, hoặc bạn có thể dùng hook wp-footer
3: Simple Custom CSS – giải pháp tốt hơn là cho vào file style.css
4: Google XML Sitemaps – giải pháp từ phiên bản WordPress 5.5 trở đi mặc định đã có tính năng đó rồi hoặc bạn có thể dùng yoast seo
5: các plugin bảo mật – giải pháp các plugin bảo mật chỉ đưa ra các danh sách hướng dẫn bạn có thể tự làm điều đó
6: v.v mình sẽ update cập nhật nhiều trong tương lai.

Tổng hợp những plugin không thiết yếu trong năm 2020
loại bỏ plugin WordPress không cần thiết

Làm sạch database cơ sở dữ liệu wp_option autoloads

Bạn có thể tham khảo bài viết: Hướng dẫn tối ưu hóa wp_options

Bất cứ khi nào bạn setup một plugin WordPress hoặc chủ đề, nó tàng trữ lại những tài liệu trong Database. Vấn đề là khi bạn xóa một plugin bằng cách sử dụng một trong những chiêu thức tiêu chuẩn, nó thường đằng sau những bảng wp_option và những hàng trong cơ sở tài liệu của bạn .
Theo thời hạn, điều này hoàn toàn có thể thêm lên đến rất nhiều tài liệu và thậm chí còn khởi đầu làm chậm website của bạn đi khá nhiều .
Trong ví dụ của chúng tôi, chúng tôi gỡ bỏ setup những plugin bảo mật thông tin Wordfence và nó lại phía sau 24 bảng trong cơ sở tài liệu của chúng tôi ( như được thấy dưới đây ). Nó thậm chí còn còn tồi tệ hơn nếu họ đang đứng sau tài liệu trong bảng của bạn .
Hãy sử dụng những plugin dọn cơ sở tài liệu hoặc nếu nó cứng đầu quá thì bạn hãy làm thủ công bằng tay
wp_option là trong bản lưu những setup bạn thiết lập .

Ví dụ về plugin Wordfence bạn cứ nhìn bản có chữ Wordfence hay wfl.. xóa nó đi.
Bạn cần xóa plugin nào thì tìm bảng đó và xóa nó đi.

Cái này thì một website WordPress truyền kiếp cũ đã thưởng thức nhiều plugin khác nhau thì sẽ có rất nhiều, nếu website của bạn đã truyền kiếp thì hãy làm ngay đi nhé .
Trước khi làm hãy backup cơ sở tài liệu trước đi đã nếu muốn chắc như đinh hơn thì tạo localhost lên làm thử nhé .

Chỉ sử dụng plugins cần thiết

Có rất nhiều hướng dẫn san sẻ ra có nỗ lực để dạy những gì là một “ plugin tốt ” hay không .
Thật không may, Nhiều plugin quảng cáo có cánh không phải thuận tiện cho những người dùng trung bình để biết những plugin được mã hóa tốt hay không .
Để biết được bạn phải thưởng thức và thống kê giám sát và hỏi quan điểm từ những người đi trước nâng cao .
Hãy xem xét thật kỹ lưỡng trước khi quyết định hành động sử dụng một plugin nào đó nhé .
Dù là plugin đó không lấy phí tuy nhiên cũng phải xem xét lựa chọn kỹ càng .

Bộ nhớ đệm ( cache ) tối ưu hóa

Cache hiểu đơn thuần. giống như bạn muốn biết chỉ cần mặt ông A thì bạn chỉ cần xem ảnh của ông A là được rồi, nếu không tương tác trò chuyện với ông A thì bạn xem ảnh cũng đã biết mặt của ông A, cache hoạt động giải trí dựa trên chính sách như vậy .
Bộ nhớ đệm được định nghĩa hàn lâm tốt nhất là tàng trữ những nhu yếu giải quyết và xử lý để chúng hoàn toàn có thể được phân phối nhanh hơn khi nhu yếu lại .
Nó trọn vẹn thiết yếu để tăng cường tải trang của bạn .
Có rất nhiều loại bộ nhớ đệm ( qua những lớp, giao thức và dịch vụ khác nhau ) và nhiều cách để thông số kỹ thuật chúng. Đặt chúng lên bên phải và bạn sẽ có một website nhanh làm giảm tải sever và tiết kiệm chi phí tiền. Thiết lập chúng sai và bạn có một website đó là đôi khi-nhanh chóng và hoặc đã bị hỏng phong cách thiết kế và tính năng .
Nếu bạn đã khi nào nghe nói về những người phàn nàn về bộ nhớ cache, đó là một sự phối hợp của họ không biết làm thế nào để thông số kỹ thuật cho trường hợp sử dụng của họ và / hoặc sử dụng một giải pháp bộ nhớ đệm được thông số kỹ thuật cho sever hiệu suất cao hơn so với tốc độ .
5 Lever cache wordpress
5-cấp-độ-cache-website-WordPress

Trình duyệt cache

Trong khi gửi phản hồi HTTP, bạn cho trình duyệt biết có nên lưu phản hồi vào bộ nhớ cache hay không. Sau khi nó được lưu vào bộ nhớ cache, đối với các yêu cầu tiếp theo, phản hồi sẽ được lấy từ bộ nhớ cache của trình duyệt. Bạn cũng có thể cho trình duyệt biết thời gian lưu các tệp vào bộ nhớ cache.

trình duyệt cache các sử dụng tối ưu và sửa lỗiKhuyến cáo nếu bạn hay sửa code css thì chỉ nên để cache trình duyệt thời hạn là 3 ngày, nếu ít đổi thì để là 1 năm .
An toán nhất thì hãy để chỉ từ 1 tháng đến 3 tháng là ổn rồi .
Bạn nên lưu vào bộ nhớ cache những tệp tĩnh như CSS, JS, hình ảnh, phông chữ trong trình duyệt vì chúng không được update liên tục .
trình duyệt cache

CDN

CDN (mạng phân phối nội dung) là một mạng lưới các máy chủ trải rộng trên toàn thế giới. Bạn có thể lưu trữ bản sao các tệp tĩnh của mình (css, js, hình ảnh, v.v.) trong các máy chủ đó. Vì vậy, lần tới khi ai đó truy cập trang web của bạn, các tệp tĩnh sẽ được gửi từ máy chủ gần nhất của CDN của bạn.

Hiểu đơn thuần nó như thể một nhà kho, ví dụ : Bạn Ở TP.HN khi bạn mua máy điện thoại cảm ứng ở điện máy xanh bạn đặt hàng trực tuyến trụ sở của Điện máy xanh ở Hồ Chí Minh, họ chuyển từ Hồ chí minh vào hà nội mất nhiều thời hạn, nên nếu họ có kho ở Thành Phố Hà Nội bạn đặt hàng sẽ có người lấy hàng trong kho ở hà nội giao cho bạn, không cần từ Hồ Chí Minh giao ra .
Ở Nước Ta thì dùng CDN mạng lưới tăng trưởng vẫn chưa can đảm và mạnh mẽ lắm nhưng bên quốc tế, mình đã thử những vẫn chưa tin dùng cho lắm, kỳ vọng trong tương lai tăng trưởng CDN Nước Ta sẽ tốt hơn .
Tại sao mình rất ít khi san sẻ về CDN ?

Bộ nhớ cache toàn trang HTML

Đây là cấp độ tiếp theo của bộ nhớ đệm CACHE PAGE HTML. Các trang được tạo trong ‘bộ nhớ đệm toàn trang’ được lưu trữ trong đĩa cứng. Đọc và ghi từ đĩa cứng (thậm chí cả SSD) chậm hơn khi so sánh với việc đọc từ bộ nhớ trong (RAM).

Một số ứng dụng cache cấp webserver :

• Litespeed có lscache
• Nginx có FastCGI
• Apache có Varnish

Cache html page cấp webserver hoạt động giải trí hiệu suất cao hơn rất nhiều so với cấp plugin PHP, nếu webserver của bạn không được hỗ trợ cấp webserver thì bạn phải sử dụng cache cấp plugins PHP làm giải pháp thay thế sửa chữa
Một số plugin cache cấp plugin PHP :
Một số plugin WordPress làm rất tốt kể đến là

• WP Rocket
• Swift Performance
• Swift Performance Pro
• FlyingPress
• Cache Enabler
• Breeze
• Simple Cache
• WP Performance

Khi có người truy vấn vào thì sẽ được tàng trữ bộ cache vào ổ cứng hoặc là ram dưới dạng html .
tính năng này thực sử hiệu suất cao nhất là website của bạn 1 ngày trên 1.000 người truy vấn thì sẽ rất hiệu suất cao .

còn không dưới 1.000 truy cập 1 ngày thì hãy dùng cách này nhé.
Hãy sử dụng thiết lập trình tự động thu nhập thông tin, không cần người truy cập nó sẽ giả lập người truy cập để tự tạo cache, nếu là người đầu tiên vào thì vẫn tốc độ load nhanh vì đã cache rồi.

Object Caching

MySQL rất tốn tài nguyên. Mỗi khi bạn mở một trang / bài đăng trong WordPress, nó phải thực hiện tối thiểu 27 truy vấn MySQL. 27 là số truy vấn mặc định, có thể là 50 hoặc 100 tùy thuộc vào chủ đề và số lượng plugin của bạn được cài đặt. Mỗi truy vấn này có thể mất vài mili giây tùy thuộc vào kích thước của truy vấn SQL và dữ liệu trong cơ sở dữ liệu của bạn.

Hầu hết thời hạn, những tác dụng truy vấn SQL này hoàn toàn có thể được lưu vào bộ nhớ đệm, trong đĩa hoặc bộ nhớ ( RAM ), được gọi là bộ nhớ đệm đối tượng người dùng. Vì vậy, chúng tôi đang tăng cường những truy vấn bằng cách giảm tải việc làm từ MySQL và cũng sử dụng ít tài nguyên sever hơn .
Redis và Memcached là hai ứng dụng tương tự như sẽ lưu những hiệu quả này vào bộ nhớ. Tốc độ đọc và ghi của ứng dụng này cao hơn nhiều so với những cơ sở tài liệu như MySQL / MariaDB .
Gợi ý thông số kỹ thuật : nếu website của bạn là website động thì hãy để 5 phút đến 10 phút, nếu là website tĩnh thì hãy để từ 30 phút đến 60 phút .

Opcode Cache
PHP lên phiên bản càng cao tốc độ càng nhanh, tuy nhiên PHP là một ngôn ngữ phiên dịch ra các ngôn ngữ lập trình khác.
PHP là ngôn ngữ thông dịch, khiến tốc độ của các website PHP không nhanh như các mã nguồn khác.

Chính do đó : Opcode caching đã sinh ra để ngày càng tăng hiệu suất nghiên cứu và phân tích và biên dịch của PHP. Code sau khi đã được biên dịch sẽ lưu tại đĩa cứng hoặc Ram để tái sử dụng. Opcode giúp cải tổ tiêu biểu vượt trội tốc độ website .

Loại bỏ chuỗi truy vấn url
Loại bỏ chuỗi truy vấn:
Khi ai đó đăng nhập vào website: https://final-blade.com?acb
?abc là truy vấn, nếu không khai báo cho plugin cache thì nó nghĩ đây là một url riêng biệt. Nên nó sẽ tái tạo cache lại từ đầu.

Mình cần phải khai báo với plugin cache rằng loại truy vấn ? acb nhưng thường thì không làm giám đoạn cache toàn trang .
Mẫu vô hiệu truy vấn thường dùng :

utm*
fb_action_ids
fb_action_types
fb_source
fbclid
_ga
gclid
age-verified
ao_noptimize
usqp
cn-reloaded
zarsrc

Bộ nhớ đệm dành cho người dùng đăng nhập
Theo mình thì không nên cache bộ nhớ đệm dành cho người dùng đăng nhập thông thường, mỗi người đăng nhập sẽ nhập một thông tin khác nhau thì biết thế nào mà cache rất là lãng phí tài nguyên.

Thứ 2 khi cache đổi khác nội dung thông tin cho người dùng đăng nhập rất là khoai

Cache Mobile giao điện điện thoại
Không nên bật cache mobile nếu bạn chỉ là giao diện responsive
Hãy bật nó lên nếu bạn dùng giao diện mobile riêng với giao diện pc khác nhau hay bạn dùng amp thì hãy nên bật.

Tối ưu tài nguyên tĩnh WordPress

Một website có thật sự nhanh không thì xem css và javascript số lượng nhu yếu như thế nào ! !
Tiêu chuẩn cá thể mình thì file css dưới 100 kb và javascript dưới 50 kb .
Càng ít câu hỏi đến web hosting thì càng tốt .

Giảm thiểu phần tử Dom

Phần tử dom càng nhiều thì càng không tốt, khiến trình duyệt và webhost phải làm việc nhiều.

Cách giảm thành phần dom là một cách code tinh xảo hơn đây là ví dụ. hoặc lựa chọn một themes WordPress được mã hóa tốt là số lượng Dom ít
ví dụ :

bạn có thể thay thế bằng cách này sẽ tối ưu hơn: Hoàng Gia Tuấn.

Ví dụ 1: sử dụng cái này

WP Tăng TỐc..

Thay vì sử dụng cái dưới

Nếu bạn muốn xóa cái gì đó thì tốt nhất là hãy xóa bằng php cho vào file function.php, hạn chế dùng css bằng thuộc tính : { display : none }, nó sẽ làm tăng thành phần dom .

Google sẽ gắn cờ nếu dom bạn quá nhiều
Có hơn 1.500 dom trong tổng số.
Có độ sâu lớn hơn 32 dom.
Có một nút cha với hơn 60 dom.

tối ưu phần tử giảm domphần tử dom không đạt tiêu chuẩn

Nén CSS

nén css WordPress rất tốt, nó có thể loại bỏ khoảng trống trắng, trình duyệt có thể đọc được không có vấn đề gì.

nén css giúp giảm kích thước tệp vì nó loại bỏ khoảng trắng và ghi chú dành cho người đọc.

Bạn hoàn toàn có thể nén css bằng plugin tối ưu hóa WordPress cách mình yêu thích bạn hoàn toàn có thể tự làm bằng tay .
Theo mình thì hãy dùng nén bằng plugin vì nó dễ làm và một ưu điểm lớn ít ai biết .
Đó chính là :
Thay đổi tên file xóa bỏ cache trình duyệt, đây là yêu tố quan trọng nếu bạn chỉnh sửa css mà sửa xong không đổi tên file những người dùng truy vấn cũ từng vào website của bạn rất dễ bị lỗi .
Đặc biệt bạn ép trình duyệt lưu cache của bạn 1 năm. Vì lý đó nên mình khuyên những bạn nếu đang trong quy trình sửa code thì để cache trình duyệt thời hạn ngắn là khoảng chừng 3 ngày, còn nếu không chỉ sửa gì nhiều thì để từ 1 tháng đến 3 tháng là ổn, chơi luôn 1 năm thì hơi khô máu .
Để một năm thì hãy quan tâm bí kíp này .
Nếu website của bạn file css lớn thì nén css càng hiệu suất cao .
kỹ thuật nén css tăng tốc độ websiteKhông nên nén CSS là

• Nếu lập trình viên có tâm thì public sản phẩm thì họ đã nén file css trước đó rồi thì bạn có nén lại bằng plugin là không cần thiết nữa mà còn làm chậm website
• Nén css làm nặng tải máy chủ của bạn
• Nén css vẫn có rủi ro làm gây lỗi website
• Nén css của thể gây xung đột cache
• Với website được viết clean css rất nhỏ thì nén css là không cần thiết

Nén javascript

Cũng như nén css nên mình không lý giải sâu

Nén HTML

Bạn hãy tắt nó nếu không của bạn là động hoặc website của bạn nhiều trang, nếu bạn hãy nó nếu website của bạn ít trang và đồng thời là tĩnh được cache page html được tốt thì hãy bật nén HTML

Kết hợp CSS

Có nên tích hợp css hay không ? có nhiều người mình thấy buồn cười đi làm dịch vụ tối ưu tốc độ load bật tính năng plugin hết cỡ như đúng rồi .
quay trở về có nên kết hợp cách file css vào với nhau hay không
ví du : giatuan.css + wptangtoc = hoanggiatuan.css đó là tích hợp css 2 css hợp vào thành 1 cái .
Trường hợp 1 : nếu bạn không sử dụng http / 2 thì phải tích hợp .
Nếu bạn chưa có http / 2 bạn đang dùng http / 1 thì đó là giao thức xếp hàng không làm được nhiều việc cùng một lúc như http / 2
Suy ra : nếu bạn không sử dụng http / 2 thì hợp càng ít nhu yếu về sever càng tốt, dù file css của bạn là bao nhiêu nhẹ hay nặng thì hãy nên phối hợp nhé
Trường hợp 2 : có giao thức HTTP / 2 thì có phải tích hợp
trường hợp này thì lại chia tiếp ra 2 trường hợp nữa

1: website css của bạn một file đều nặng trên 10kb thì không nên kết hợp để chúng tận dụng hết tối đa sức mạnh của http/2
2: website css của bạn một file dưới 10kb thì hãy nên kết hợp vì thời gian sử lý dns của một file còn tải xuống của nó

Kết hợp javascript

cũng tương tự như với css.

Trì hoãn css

câu vấn đáp là đừng khi nào sử dụng tính năng này ! ! khi load hình ảnh trông rất xấu mà còn làm chậm trang website của bạn

Trì hoãn javascript

Quy tắc của load website thông thường :
Bước 1: Tải xuống html rồi phân tích cú pháp
Bước 2: Tải xuống css rồi phân tích cú pháp
Bước 3: Tải xuống javascript rồi phân tích cú pháp
Bước 4: Tải xuống hình ảnh rồi phân tích cú pháp

Quy tắc tải trì hoãn javascript

Bước 1: Tải xuống html đồng thời tải javascript, html phân tích cú pháp
Bước 2: Tải xuống css rồi phân tích cú pháp
Bước 3: Tải xuống hình ảnh rồi phân tích cú pháp
bước 4: Mọi chuyện hoàn tất thì mới bắt đầu phân tích cứ pháp của javascript

Quy tắc tải không đồng điệu javascript

Bước 1: Tải xuống html đồng thời tải javascript, html phân tích nhưng khi javascript tải xong, nhường lại javascript phân tích cú pháp, rồi html mới tiếp tục phân tích cú pháp
Bước 2: Tải xuống css rồi phân tích cú pháp
Bước 3: Tải xuống hình ảnh rồi phân tích cú pháp

add footer javascript là bạn đang muốn biến hóa thứ tự thành :

Bước 1: Tải xuống html rồi phân tích cú pháp
Bước 2: Tải xuống css rồi phân tích cú pháp
Bước 3: Tải xuống hình ảnh rồi phân tích cú pháp
Bước 4: Tải xuống javascript rồi phân tích cú pháp

Theo mình có nên sử dụng tính năng này nhé, vì javascript là những tính năng và hiệu ứng của thể trì hoãn nhưng cùng tùy vào themes xem có trì hoãn được không ?
bạn chất của trì hoãn javascript không giúp bạn load nhanh hơn nhưng nó giúp người mua nhận được thông tin nhìn thấy trang sớm hơn .
Nghĩa là người mua sẽ cảm thấy nhanh hơn .
Bạn hãy kiểm tra cẩn trọng nếu bạn làm không cẩn trọng sẽ rất dễ gây ra lỗi website của bạn, nguyên nhận chính của gây lỗi website khi tôi trì hoãn javascript .
Nếu trì hoãn javascript không được bạn hoàn toàn có thể cho vào footer load sau cuối .
Một số quan tâm khi trì hoãn javascript .
nếu bạn sử dụng jquery nếu bạn trì hoãn jquery sẽ rất dễ lỗi không sử dụng được những tính năng javascript khác, với file jquery thì nó phải được load trước tổng thể với những file javascript khác .
Mỗi một chiêu thức đều có ưu và điểm yếu kém riêng tùy thuộc vào nhu yếu của bạn sử dụng và theme của bạn sử dụng hãy chọn một chiêu thức tối ưu nhất dành cho bạn nhé .

Phương pháp mình thích nhất vừa an toàn là trì hoãn defef và loại bỏ jquery và loại bỏ các javascript ở đầu trang là phương pháp theo cá nhân mình hiện tại là hiệu quả nhất.
lưu ý: loại bỏ các javascript ở đầu trang thì đừng nén file đó nhé.(tức là đừng để plugin đổi tên nó)

Nếu bạn muốn kiểu khoe điểm nhưng tốc độ load không tốt, đúng nghĩa là tối ưu cho bộ công cụ để kiểm tra thì bạn có hãy dùng javascript add footer điểm sẽ cao nhưng load thưởng thức người dùng thì khá chán .
Còn một trường hợp đặc biệt quan trọng nữa nó nhờ vào trọn vẹn vào themes và năng lực chỉnh sửa javascript của bạn chỉ đơn thuần là trì hoãn toàn bộ, cả javascript thường thì và cả jquery, nếu suôn sẻ thì trì hoãn jquery mà website không bị lỗi tính năng thì vừa tốc độ load cho người dùng rất tuyệt vời vừa điểm google page speed lại còn rất cao .

Đơn giản và cắt giảm yêu cầu

Tìm kiếm những file css hay javascript nào load toàn trang của bạn nó thực sử không quan trọng thì hãy cố gắng cắt giảm.

Bạn của thể dùng tính năng coverage của google chrome để giúp bạn thao tác cắt giảm chuẩn hơn .
Mình sẽ sớm ra video hướng dẫn mọi người dùng coverage của google chrome để cắt giảm nhu yếu chuẩn nhất nhé .
Bạn hoàn toàn có thể sửa chữa thay thế image ảnh bằng css nếu hoàn toàn có thể .
Sử dụng ít font chữ hơn, tận chí bạn hoàn toàn có thể dụng font chữ mặc định của trình duyệt ( mình sẽ hướng dẫn cách tối ưu hóa font chữ trong bài viết này ) .

Loại bỏ css và javascript mặc định của WordPress

WordPress mặc định sẽ có tính hợp sẵn javascript sẵn vào website của bạn, tuy nhiên không phải nhiều người biết nó bí mật làm chậm website của bạn .
Bạn có sử dụng function.php hoặc 1 số ít plugin tối ưu tốc độ có tương hỗ để xóa nó .

WP-Embed.js -thuận tiện nhúng video YouTube hoặc trương liên kết trong trình soạn thảo và nội dung. Nếu bạn có nghĩa là không bao giờ nhúng video và tất cả nội dung của bạn chỉ là văn bản và hình ảnh, bạn có thể dequeue nó.

WP-Emoji-Release.js – JS nhỏ biến dấu chấm câu thành biểu tượng cảm xúc. Bạn có thể vô hiệu hóa điều này kể từ trình duyệt hiện đại đã hỗ trợ biểu tượng cảm xúc natively.

JQuery-Migrate.min.js – hỗ trợ các Theme WordPress cũ hơn và các plugin vẫn chạy trên thư viện jQuery cũ. Các trang web sử dụng các chủ đề/plugin Cập Nhật có thể vô hiệu hóa một cách an toàn.

Hủy bỏ những Gutenberg khối thư viện CSS từ WordPress
Nếu như bạn không sử dụng chúng thì hãy vô hiệu chúng

Giới hạn lưu nháp bài viết

Nếu bạn không giới hạn lưu nháp bài viết hay không làm sạch cơ sở dữ liệu của bạn sẽ phông lên rất to ảnh hưởng đến tốc độ load WordPress của bạn, ảnh hưởng đến đến backup dữ liệu của bạn, tuy nhiên để giảm được cơ sở dữ liệu bạn cần giới hạn bài viết lưu nháp theo mình bạn lên để là 3 bài viết là con số rất tốt.

Heartbeat API

Tính năng này được nhà WordPress tích hợp sẵn cho chúng ta nhưng theo mình nó cũng khá hữu ích, nhưng nó đánh đổi quá nhiều về tài nguyên sử dụng.

Heartbeat API-một tính năng được cho phép trình duyệt của bạn để tự động hóa tiếp xúc với sever .
WordPress Heartbeat API cung ứng một giao thức truyền thông online, sử dụng Ajax cuộc gọi, giữa trình duyệt và sever .
Như tên của nó, API sẽ gửi những xung liên tục và kích hoạt những sự kiện khi nhận tài liệu. Chức năng này giúp bạn đồng điệu hóa toàn bộ tài liệu giữa sever và bảng điều khiển và tinh chỉnh WordPress .
Ý tưởng đằng sau Heartbeat API là khá mê hoặc. Ví dụ : khi bạn tạo / chỉnh sửa bài viết từ trình chỉnh sửa, nó cung ứng một tính năng để tự động hóa lưu bài viết theo định kỳ .
Trong website WordPress hợp tác, nó có công dụng sau khóa, để ngăn bạn chỉnh sửa bài đăng đang được người dùng khác thao tác .
Nếu bạn sử dụng một plugin thương mại điện tử, API này cũng sẽ giúp Hiển thị cho doanh thu bán hàng xảy ra trên website của bạn .
Nếu bạn không thiết yếu sử dụng tính năng này bạn hoàn toàn có thể chặn nó hoặc giảm thời hạn update nó xuống còn 180 giây .
Cách stop đơn thuần :

add_action( 'init', 'stop_wptangtoc_heartbeat', 1 );
function stop_wptangtoc_heartbeat() {
wp_deregister_script('heartbeat');
}

hoặc đơn thuần hơn những plugin tối ưu hóa tốc độ đều có tính năng này nhé .
Bạn hoàn toàn có thể tìm hiểu thêm : Hướng dẫn tối ưu Heartbeat API

xóa chuỗi truy vấn

mục tiêu của chuỗi truy vấn là khi bạn update plugin hay themes nào đó nó sẽ đổi tên và clear xóa cache trình duyệt .
Giả dụ : mình đang dùng themes giatuan ở phiên bản 2.1.1, mình có file load giatuan.css ? 2.1.1 khi mình update nên phiên bản themes giatuan lên phiên bản 2.2.1 nó sẽ tự đổi tên file thành giatuan.css ? 2.2.1
Nếu như bạn dùng tính năng nén css và nén javascript rồi thì xóa chuỗi truy vẫn không còn thiết yếu nữa, nếu bạn không nén
thì hãy xóa chuỗi truy vấn đi nhé, người dùng đâu có cần chuỗi truy vấn làm gì đâu nặng themes website .

Nguyên tắc tối ưu hóa load đơn giản là loại bỏ những thứ không cần thiết

cách xóa bỏ chuỗi truy vấn bạn hoàn toàn có thể dùng funciton.php hay những plugin tương hỗ khác .

Nội tuyến css
Nội tuyến css là gì?

Nội tuyến hiểu một cách đơn thuần là css phối hợp với html giử cùng một nhu yếu
Có nên nội tuyến css
nếu như bạn đang muốn tạo ladding page hay là có nhu yếu người mua vào nhanh lần tiên phong thì hãy lên nội tuyến css nó sẽ giúp website của bạn load nhanh hơn trong lần tiên phong truy vấn, nhưng nó làm chậm đi lần thứ 2 truy vấn nếu so với cách dùng file. vì nội tuyến css sẽ không cache được, sức mạnh của việc cache rất mạnh trong việc tăng tốc độ load website WordPress
nếu bạn đang muốn người mua truy vấn nhiều lần vào website của bạn thì bạn không nên nội tuyến css ! hoàn toàn có thể truy vấn lần đầu hoàn toàn có thể chậm hơn so với việc bạn nội tuyến css tuy nhiên truy vấn lần thứ 2 lần thứ 3 tốc độ tiêu biểu vượt trội hơn rất nhiều .
Nội tuyến css hay không tùy thuộc vào nhu yếu sử dụng website của bạn .
nếu bạn muốn cả hãy thì bạn hoàn toàn có thể nghiên cứu và điều tra kỹ thuật tạo css quan trọng kiểu một lựa nội tuyến 50% là dùng file truyền thống lịch sử, đây cũng là một cách khá hay .

Nội tuyến javascript

câu vấn đáp là không, javascript nội tuyến ngược lại với trì hoãn, đừng dại gì bật cả 2 tính năng này cùng một lúc nhé .
Nội tuyến css để hiện thị màn hình hiển thị quan trọng còn javascript chả cần nội tuyến làm gì .

Ưu tiên load css kết hợp

đó là một chiến lược tuyệt vời tuy nhiên rất ít người sử dụng.

bạn hoàn toàn có thể tăng tốc độ load cảm nhận của người mua ! nó không làm tăng tốc độ thực tiễn nhưng nó làm tăng cảm nhận tốc độ load của người mua .
giải pháp này cũng ít người sử dụng vì tốc độ cũng nâng cao không đáng kể cho lắm
nếu bạn muốn ưu tiên load css phối hợp trước hết bạn phải tích hợp và tách file khác ra .
giả sử : bạn load bạn có một file themes và 1 file plugin contact form 7.css và 1 file css tìm kiếm
bạn phối hợp : file css tìm kiếm + file themes.css = phối hợp vào, bạn sẽ ưu tiên load file tích hợp này trước còn file plugin contact form 7 thì load sau

Ưu tiên kết hợp javascript

nó cũng như ưu tiên tích hợp css

preload
preload là báo với trình duyệt là hãy ưu tiên gọi tôi đầu tiên nhé, ngay sau khi load file html nó sẽ gọi file preload.

Lợi ích của preload tại sao nó lại giúp tăng tốc độ load, nó giống như khi bạn xây nhà bạn đâu có cần bản vẽ của kiến trúc sư thì bạn mới có quyền mua được gạch, cát nguyên vật liệu, bạn hoàn toàn có thể mua gạch cát trước một chút ít xong bản vẽ kiến trúc sư đến tay thế là xây, thấy thiếu gạnh cát nguyên vật liệu thì ta mua thêm .
preload nó là khâu mua trước một chút ít nguyên vật liệu ( thì kiểu gì bạn biết xây nhà kiểu gì mà chả cần gạch cát nguyên vật liệu thì cứ mua một chút ít trước kiểu gì chả dùng ) thì preload quyền lợi ở đấy .
preload hoạt động giải trí rất hiệu suất cao đặc biệt quan trọng bạn cần phải làm nó khi bạn sử dụng font svg nhé, có tăng tốc độ cảm nhận lên đáng kể đó .
chú ý quan tâm nếu bạn : bạn làm preload cho font thì hãy nhớ thêm thuộc tính crossorigin nếu không cho trình duyệt sẽ load thành 2 lần rất tiêu tốn lãng phí tài nguyên làm chậm trang đó .

Đây là ví dụ:
Bạn có thể cho nó vào add header

hoặc bạn không có add header của themes thì bạn hãy tự code vào file funcition.php nhé

function them_preload_font_wptangtoc() {
?>

 
Prefetch
là kỹ thuật hoàn toàn ngược load với preload, nếu bạn sử dụng prefetch nó bảo với trình duyệt rằng đây là file không ưu tiên, nếu khi nào trình duyệt load xong rảnh rồi thì load tôi nhé.

Prefetch là kỹ thuật khá tốn tài nguyên, nhưng nó tăng tốc độ load website rất tốn giả sử bạn người mua vào trong blog của bạn người mua đọc blog về kem dưỡng da, bạn sẽ Prefetch file bán hàng khi người mua đang đọc blog muốn mua mẫu sản phẩm, ấn vào trang bán hàng thì cực nhanh, tuy nhiên nếu người mua mà không ấn vào thì đúng là phí tài nguyên .
Kỹ thuật này bạn nên xem xét sử dụng : nếu webhost của bạn tốt thì hãy nên sử dụng, nếu webhost của bạn không tốt thì không nên sử dụng .
ví dụ cách sử dụng, bạn sẽ cho nó thêm và header, như cách thêm preload nhé .
khi nào nên sử dụng : khi bạn cần cache file nào đó quan trọng cho khác hàng mà trang hiện tại người mua chưa sử dụng đến khi người dùng truy vấn lần tiếp theo sẽ dùng tới .

DNS prefetching
Nó giống với như trên khi nào trình duyệt rảnh thì phân giải dns nhé. nó thuận tiện cho việc bạn biết chắc khi khách hàng vào website này họ sẽ bấm vào link này chuyển sang trang website này.

thì hãy dùng DNS prefetching nhé .
ví dụ :
Ưu điểm yếu kém thì cũng giống như cái trên, tuy nhiên tốn tài nguyên ít hơn, dns băng thông sử dụng rất nhỏ nhưng độ trên là rất lớn nếu bạn biết chắc người mua vào website bạn sẽ rồi sẽ ấn vào website khác nào đó thì hãy phân giải dns prefetching .
thường sử dụng : là trang website con, ví dụ mình có website là wptangtoc.com xong mình san sẻ ứng dụng biết chắc người mua sẽ vào shop.wptangtoc.com để nhận ứng dụng thì mình sẽ DNS prefetching .
Hay thường là những tập đoàn lớn sẽ dùng DNS prefetching ví dụ bạn mua đồ điện máy ở vin pro, website của vin pro nghĩ bạn hoàn toàn có thể đi nghỉ mát ở vinpearl họ sẽ DNS prefetching qua cho nhau .
Khi nào nên sử dụng : khi bạn có website khác và muốn người dùng truy vấn vào đó .

Prerendering

load trước site html đó khi nào trình duyệt rảnh rỗi! vì dụ bạn đang đọc bài viết này! mình tin chắc bạn sẽ vào trang chủ của mình, chính vì thế mình sẽ dùng Prerendering

Prerendering cũng rất giống với prefetching ở chỗ nó tích lũy những nguồn tài nguyên mà người dùng hoàn toàn có thể điều hướng đến từ trang họ đang xem. Điểm độc lạ là prerendering thực sự render hàng loạt trang trong chính sách nền, toàn bộ những thành phần của tài liệu
khi nào nên sử dụng : khi bạn biết được chắc người dùng sẽ vào website này .

Preconnect

Preconnect là bảo với trình duyệt rằng tài nguyên bên thứ 3 này quan trọng với tôi lắm hãy kết nối sớm cho tôi nhé.

Cái này thường sử dụng cho cdn là chính hoặc bạn của thể sử dụng jquery cdn ( giờ đây jquery cdn đã toang thật rồi sau bản cập nhât google chrome )
Khi nào nên sử dụng : khi bạn sử dụng cdn hoặc tài nguyên bên thứ 3 mà nó quan trọng với bạn .

Loại bỏ css không sử dụng

khi bạn sử dụng themes website thì bạn đang sử dụng một khung giao diện tức là khung website, để mà loại bỏ được css không sử dụng là một các trình lớn, rất là gian lan hiện tại vẫn chưa có phần mềm nào hỗ trợ loại bỏ css khung sử dụng thật sự hiệu quả nhất, chỉ có cách là loại bỏ bằng tay.

Tuy nhiên vì khung css đó bạn không phải là người tạo ra, nên bạn cũng không hiểu xóa cái đó nó ảnh hưởng tác động như thế nào đến website .

Tự khung giao diện cho riêng mình

Để loại bỏ css dư thừa không sử dụng.
nếu bạn có đủ thời gian và kỹ năng bạn có thể học hỏi khung giao diện đó và tự làm cho một bộ khung giao diện riêng dành cho riêng mình quá trình này cũng mất nhiều thời gian và kỹ năng giống như wp tăng tốc đang làm đó.

WP Tăng tốc làm là sử dụng genesis framework rồi tự làm ra một bản theme dành riêng cho chính wp tăng cường
khi bạn tự viết lại theme bạn sẽ phát minh sáng tạo ra cách giúp themes hoàn toàn có thể đơn thuần hơn được nữa

Sử dụng CDN

CDN ( mạng phân phối nội dung ) là một mạng lưới những sever trải rộng trên toàn quốc tế. Bạn hoàn toàn có thể tàng trữ bản sao những tệp tĩnh của mình ( css, js, hình ảnh, v.v. ) trong những sever đó. Vì vậy, lần tới khi ai đó truy vấn website của bạn, những tệp tĩnh sẽ được gửi từ sever gần nhất của CDN của bạn .
Hiểu đơn thuần nó như thể một nhà kho, ví dụ : Bạn Ở TP.HN khi bạn mua máy điện thoại thông minh ở điện máy xanh bạn đặt hàng trực tuyến trụ sở của Điện máy xanh ở Hồ Chí Minh, họ chuyển từ Hồ chí minh vào hà nội mất nhiều thời hạn, nên họ có kho ở Thành Phố Hà Nội bạn đặt hàng sẽ có người lấy hàng trong kho ở hà nội giao cho bạn, không cần từ Hồ Chí Minh giao ra .

Ở Nước Ta thì dùng CDN mạng lưới tăng trưởng vẫn chưa can đảm và mạnh mẽ lắm nhưng bên quốc tế, mình đã thử những vẫn chưa tin dùng cho lắm. kỳ vọng trong tương lai tăng trưởng CDN Nước Ta sẽ rất tốt .

Sử dụng CDN đúng với thị trường quốc tế nhưng chưa đúng ở thị trường việt nam

Tải có điều kiện css và javascript

đây là một kỹ thuât tôi rất yêu thích.

bạn hoàn toàn có thể sử dụng functions.php
Ví dụ mình sẽ chỉ load ở file chỉ ở trang chủ :

function wptangtoc_tai_dieu_kien_styles( ) {
if ( is_home() ){
wp_register_style( 'wptangtoc-home', get_stylesheet_directory_uri(). "/home.css", 'all' );
wp_enqueue_style( 'wptangtoc-home' );
}
}
add_filter( 'wp_enqueue_scripts', 'wptangtoc_tai_dieu_kien_styles' );

Mình sẽ tạo file ở trong phần thêm tên file là home.css và điều code vào đó .
ví dụ 2 mình sẽ load toàn bộ ngoại trừ trang chủ mình chỉ cần thêm biến ! vào is_home thành ! is_home .

function wptangtoc_tai_dieu_kien_styles_nguoc( ) {
if ( ! is_home() ){
wp_register_style( 'wptangtoc-home-z', get_stylesheet_directory_uri(). "/home.css", 'all' );
wp_enqueue_style( 'wptangtoc-home-z' );
}
}
add_filter( 'wp_enqueue_scripts', 'wptangtoc_tai_dieu_kien_styles_nguoc' );

Cách thứ 2: bạn có thể sử dụng các plugin để tải có điều kiện
1: Perfmatters
2: GONZALES
3: Asset CleanUp

Đó là tổng thể plugin load có điều kiện kèm theo mà tôi cảm thấy hài lòng .
Bạn hoàn toàn có thể tải có điều kiện kèm theo cái plugin, themes …
Nó giúp tăng tốc độ toàn trang cực kỳ hiệu suất cao tốc độ sẽ tiêu biểu vượt trội hơn rất nhiều, file nào cần tải có điều kiện kèm theo tùy thuộc vào kinh nghiệm tay nghề của bạn với cái themes đó bạn hoàn toàn có thể sử dụng công cụ của google coverage .

Lazy Load Iframe

lazy load iframe là một cách trì hoãn iframe giúp giảm chặn kết xuất màn hình đầu, chặn kết xuất màn hình đầu là thứ thực sự khi người tối ưu tốc độ phải rất đau đầu.

ví dụ bạn nhúng video youtube nó sẽ trì hoãn hiện thị nhúng video youtube của bạn cho đến khi người dúng kéo đến chỗ video đó thì nó mới hiển thị đó là một cách tăng tộc độ load website hiệu suất cao .
nó cũng gần giống với lazy load image ảnh .

Remove Noscript Tag

noscript là thuộc tính hỗ trợ các trình duyệt không hỗ trợ javascript giúp nâng cao khả năng tương thích ngược của javascript,

thường thì hoàn toàn có thể những themes bạn mua nó sẽ viết tương hỗ noscript để thích hợp ngược tốt hơn .
Nhưng thời gian hiện tại 2020 thì noscript được xóa bỏ vì hiện tại trả có trình duyệt nào không tương hỗ javascript, nếu không tương hỗ thì chả có ai thèm dùng nó .
bạn hoàn toàn có thể remove Noscript Tag trong plugin litespeed hoặc một số ít plugin khác

Giảm thiểu CSS nội tuyến, Giảm thiểu JS nội tuyến

Trong hầu hết tất cả các plugin thì hầu hết các plugin này đều có tính năng giảm mã nội tuyến css và JS.

Tính năng này sinh ra để giảm mã nội tuyến giúp việc cache trở nên hiệu suất cao hơn. Theo mình là không nên bật bạn hoàn toàn có thể làm bằng tay, không nhất thiết phải dùng plugin để giảm mã nội tuyến tốn tài nguyên sever .
Bạn chỉnh sửa css bạn không đưa vào file style.css bạn lại đưa bằng custom css của themes cái này thường thì người lập trình viên sẽ đưa vào nội tuyến luôn, hay những plugin add custom css WordPress plugin thì cũng vậy .
Nội tuyến và không nội tuyến có điểm yếu kém và ưu điểm khác nhau mà mình đã có trình bầy ở phần trên .
Lưu ý : nếu bạn đã bật css quan trọng rồi thì bạn đừng có bật thêm tính năng giảm mã nội tuyến theo cá thể mình tỷ suất lỗi website sẽ rất là cao .

Viết tắt css và dùng class

Viết tắt css là cách tăng tốc độ load website, giảm được một chút ít dung tích file css của bạn, nó giúp tăng tốc độ load website bạn

Ví dụ: bạn dùng { padding: 10px 20x 15px 30px;}
thay vì bạn dùng {padding-top: 10px; padding-left: 20px; padding-right: 15px; padding-bottom: 30px;}
Ví dụ 2: bạn dùng { border-top: 2px solid #333;}
thay vì bạn dùng { border-top:2px; border-style: solid; border-color:#333;}
Ví dụ 3: ví dụ: bạn dùng { margin: 10px 20x 15px 30px;}
thay vì bạn dùng {margin-top: 10px; margin-left: 20px; margin-right: 15px; margin-bottom: 30px;}
Ví dụ 4: {color: #fff}
thay vì dùng { color: #ffffff}

dùng class không nên dùng style

ví dụ

, bạn hãy tạo css trong file style.css : .giatuan{padding:10px;}
thay vì dùng:

Dùng các hàm php tối ưu hơn

Dùng css thuộc tính class sẽ cache tốt hơn là dùng style

Sử dụng các hàm php load nhanh hơn
1: Bạn nên dùng đấu ngoặc ‘ ‘ sẽ nhanh hơn dấu ngoặc ” “
2: bạn nên dùng echo thay vì print
3: PHP vẫn thua tốc độ của html 8 lần, nếu được bạn hãy sử dụng html thay vì dùng php nếu có thể sử dụng tắt mở php linh hoạt html, ví dụ:

?> 
'.$wptangtoc.'

$tuan,$giatuan nhanh hơn là dùng $tuan.$giatuan

define('DISABLE_WP_CRON', true);

define( 'WP_AUTO_UPDATE_CORE', false );

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

define('FORCE_SSL_ADMIN', true);

function replace_jquery() {
if (!is_admin()) {
// bạn có thế thay đổi số phiên bản nếu muốn jQuery
wp_deregister_script('jquery');
wp_register_script('jquery', 'http://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js', false, '3.5.1');
wp_enqueue_script('jquery');
}
}
add_action('init', 'replace_jquery');

define('WP_DEBUG_LOG', true);

define('WP_DEBUG_LOG', false);

define('FORCE_SSL_ADMIN', true);

Xem thêm: Tiết lộ lương lập trình web:Các loại web developer kiếm được bao nhiêu

Source: https://final-blade.com
Category: Kiến thức Internet