Mẹo Hay Mẹo

Mẹo tối ưu hóa tốc độ 39 trang (để nghiền thời gian tải của bạn)

Vậy làm thế nào để bạn xác định thủ phạm?

Có nghĩa là ... Tăng tốc trang web của bạn có thể giúp bạn có thêm lưu lượng tìm kiếm.

Gutenberg là một người thay đổi trò chơi cho WordPress. Và nếu bạn đã tránh nó, bây giờ là lúc để nói lời tạm biệt với biên tập viên cổ điển, và nắm lấy sự thay đổi.

[Và như một phần thưởng ... Tăng tốc trang web của bạn cũng có thể giảm tỷ lệ thoát của bạn, dẫn đến lưu lượng truy cập lặp lại nhiều hơn và thậm chí tăng điểm dưới cùng của bạn!]

Cách kiểm tra tốc độ trang của bạn

Điều đầu tiên đầu tiên. Trước khi bắt đầu tối ưu hóa, bạn sẽ cần một đường cơ sở.

Và trong khi có một số công cụ tuyệt vời để đo tốc độ trang - Shoutouts to Gtmetrix và Pingdom - Thông tin chi tiết về trang của Google có mọi thứ bạn cần để đo hiệu suất hiện tại.

Pagespeed Insights có một tải trọng số hữu ích. Nhưng hãy giữ mọi thứ đơn giản. Những gì bạn muốn lưu ý là:

Điểm tốc độ di động của trang của bạn [0-100]
'Thời gian tương tác' của trang của bạn [khi người dùng có thể bắt đầu sử dụng trang]

Lưu ý : Chúng tôi khuyên bạn nên tập trung vào tốc độ trang di động là phần lớn các trang web [cuối cùng tất cả] hiện đang bật Lập chỉ mục đầu tiên trên thiết bị di động . : we recommend focusing on mobile page speed as the majority of sites [eventually all] are now on mobile-first indexing.

Ví dụ: trang chủ SEObility hiện có điểm tốc độ di động là 64 ...

... và một thời gian để tương tác 6 giây.

Trong trường hợp bạn đang tự hỏi, điều đó không tuyệt vời và là thứ chúng ta đang làm việc!

Vậy một điểm tốc độ tốt là gì?

Trang web của bạn tải trọng nhanh như thế nào?

Điểm rất đơn giản. Bạn sẽ muốn nhắm đến một điểm PageSpeed di động trong khoảng từ 90 đến 100.

Theo Google, bất cứ điều gì trong phạm vi đó là 'tốt' và bất cứ điều gì dưới đây hoặc 'cải thiện nhu cầu' [50-89] hoặc là 'nghèo' [0-49].

Không cần phải nói, bạn muốn 'tốt'.

Thời gian để tương tác là một chút khó khăn hơn.

Không có quy tắc khó khăn và nhanh chóng, nhưng chúng tôi sẽ nhằm mục đích giữ nó dưới 3 giây tối đa và lý tưởng nhất là bạn nên đặt mục tiêu để có được nó dưới 2 giây.

Và bạn sẽ muốn bắt đầu tải ban đầu [I.E. Người dùng bắt đầu thấy nội dung] trong vòng 1 giây.

Nhưng dòng dưới cùng là, bạn muốn trang của bạn tải nhanh nhất có thể mà không ảnh hưởng đến chức năng cốt lõi.

Kiểm tra hướng dẫn này từ Web Hobo cho một số số liệu thống kê tuyệt vời về cách người dùng từ bỏ và sự thất vọng tăng lên với mỗi giây đánh dấu vào.

Các nguyên tắc cơ bản của cải thiện tốc độ trang

Trước khi chúng ta nhận được các mẹo, hãy nhanh chóng che đậy những gì chúng ta đang cố gắng để đạt được.

Tóm lại:

Mỗi hành động chúng tôi thực hiện để cải thiện tốc độ trang được thiết kế để thực hiện một trong những thao tác sau:

Cải thiện thời gian thực hiện ở phía máy chủ hoặc giảm thời gian phản hồi của máy chủ [cải thiện thời gian đến byte đầu tiên hoặc TTFB]
Giảm kích thước và / hoặc thời gian cần thiết để hiển thị một trang ở phía máy chủ và gửi nội dung web vào trình duyệt máy khách
Tái sử dụng nội dung và / hoặc tài nguyên để tiết kiệm thời gian tải xuống
Giảm thời gian thực hiện / đánh giá của một trang trên phía máy khách

Và mỗi mẹo dưới đây đánh vào một trong những mục tiêu này.

Vì vậy, hãy nhấn vào ...

Tối ưu hóa máy chủ và cơ sở hạ tầng của bạn [Mẹo]

Trước khi leng keng với chính trang web của bạn, điều quan trọng là phải tối ưu hóa cơ sở hạ tầng hỗ trợ nó. Nếu không, bạn sẽ để lại nhiều cơ hội để tăng tốc độ trang trên bàn.

Vì vậy, trong phần này, chúng tôi sẽ đề cập đến các mẹo để tối ưu hóa máy chủ, DNS, Webhost và nhiều hơn nữa.

1. Nâng cấp lên phiên bản PHP ổn định mới nhất

Khó khăn : Dễ dàng

Tại sao bạn nên làm điều đó?

Nếu trang web của bạn đang chạy trên PHP, thì hãy nâng cấp lên phiên bản ổn định mới nhất có thể là một chiến thắng tốc độ trang nhanh chóng và dễ dàng.

Bởi vì các bài kiểm tra điểm chuẩn [như thế này] hiển thị PHP đang nhanh hơn và nhanh hơn.

Làm thế nào để làm nó

Nó sẽ thay đổi từ Host đến Host.

Nhưng thường sẽ đơn giản như việc chọn một phiên bản PHP mới từ một danh sách thả xuống hoặc hộp kiểm. Như thế này trên đám mây.

Hoặc cái này trong cPanel.

Đọc thêm : Nhận trang web nhanh hơn, an toàn hơn: Cập nhật php của bạn ngay hôm nay [WordPress.org]

2. Nâng cấp [hoặc thay đổi] máy chủ của bạn

Khó khăn : Dễ nâng cao [nâng cấp với máy chủ hiện tại của bạn phải đơn giản, nhưng chuyển sang nhà cung cấp mới có thể yêu cầu chiến lược di chuyển]

Tại sao bạn nên làm điều đó?

Nếu trang web của bạn đang chạy trên PHP, thì hãy nâng cấp lên phiên bản ổn định mới nhất có thể là một chiến thắng tốc độ trang nhanh chóng và dễ dàng.

Bởi vì các bài kiểm tra điểm chuẩn [như thế này] hiển thị PHP đang nhanh hơn và nhanh hơn.

Làm thế nào để làm nó

Nó sẽ thay đổi từ Host đến Host.

Nhưng thường sẽ đơn giản như việc chọn một phiên bản PHP mới từ một danh sách thả xuống hoặc hộp kiểm. Như thế này trên đám mây.

Hoặc cái này trong cPanel.

Tin tốt là nhiều máy chủ sẽ bao gồm di chuyển trang web miễn phí cho các khách hàng mới. Nhưng nếu bạn cần một số hướng dẫn về việc chuyển sang một máy chủ mới, sau đó kiểm tra hướng dẫn khởi động lại trang web của chúng tôi.

3. Chuyển sang nhà cung cấp DNS cao cấp

Khó khăn : Trung cấp [Đảm bảo bạn sao chép các cài đặt DNS hiện tại của mình chính xác khi chuyển đổi]

Tại sao bạn nên làm điều đó?

Khi người dùng nhập tên miền của bạn vào thanh địa chỉ [hoặc nhấp vào trang của bạn trên Google] Trình duyệt của họ phải dịch URL thành địa chỉ IP. Bản dịch đó được xử lý bởi một máy chủ DNS và xảy ra trước khi khách truy cập có thể truy cập trang web của bạn và bắt đầu tải xuống nội dung.

Một máy chủ DNS chậm có thể dẫn đến các kết nối chậm đến trang web của bạn. Và nếu máy chủ DNS của bạn bị hỏng, thì người dùng có thể không thể kết nối gì cả.

Tin tốt? Bằng cách chuyển sang máy chủ DNS cao cấp, bạn sẽ tăng thời gian kết nối ban đầu này và nhận khách truy cập vào trang web của bạn [và bắt đầu tải xuống nội dung] nhanh hơn.

Làm thế nào để làm nó

Có một số nhà cung cấp DNS cao cấp có sẵn, và quá trình chuyển đổi khá đơn giản.

Tất cả những gì bạn cần làm là trỏ máy chủ tên miền của bạn cho nhà cung cấp mới, sau đó sao chép cài đặt DNS hiện tại của bạn.

Đọc thêm : Tại sao DNS cao cấp không còn tùy chọn [Kinsta]

4. Kích hoạt http / 2 hoặc http / 3

Khó khăn : Trung cấp [thay đổi thành cấu hình máy chủ]

Tại sao bạn nên làm điều đó?

Làm thế nào để làm nó

Có một số nhà cung cấp DNS cao cấp có sẵn, và quá trình chuyển đổi khá đơn giản.

Tất cả những gì bạn cần làm là trỏ máy chủ tên miền của bạn cho nhà cung cấp mới, sau đó sao chép cài đặt DNS hiện tại của bạn.

Đọc thêm

Làm thế nào để làm nó

Có một số nhà cung cấp DNS cao cấp có sẵn, và quá trình chuyển đổi khá đơn giản.

Tất cả những gì bạn cần làm là trỏ máy chủ tên miền của bạn cho nhà cung cấp mới, sau đó sao chép cài đặt DNS hiện tại của bạn.

Đọc thêm

Khó khăn : Trung cấp [thay đổi thành cấu hình máy chủ]

HTTP / 2, phát hành năm 2015, là sự cải tiến lớn đầu tiên của giao thức cho phép tất cả lưu lượng truy cập web trên Internet từ năm 1999.

Nó giải quyết một số vấn đề hiệu suất cơ bản do sự phát triển của Web.

Làm thế nào để làm nó

Có một số nhà cung cấp DNS cao cấp có sẵn, và quá trình chuyển đổi khá đơn giản.

Tất cả những gì bạn cần làm là trỏ máy chủ tên miền của bạn cho nhà cung cấp mới, sau đó sao chép cài đặt DNS hiện tại của bạn.

Đọc thêm : Tại sao DNS cao cấp không còn tùy chọn [Kinsta]

4. Kích hoạt http / 2 hoặc http / 3

Khó khăn : Trung cấp [thay đổi thành cấu hình máy chủ]

Tại sao bạn nên làm điều đó?

HTTP / 2, phát hành năm 2015, là sự cải tiến lớn đầu tiên của giao thức cho phép tất cả lưu lượng truy cập web trên Internet từ năm 1999.

Nó giải quyết một số vấn đề hiệu suất cơ bản do sự phát triển của Web.

Chúng tôi sẽ không đào sâu vào những lợi ích của HTTP / 2 ở đây. Nhưng nếu trang web của bạn không sử dụng HTTP / 2 [bạn có thể kiểm tra tại đây], thì đã đến lúc thực hiện chuyển đổi.

Bạn có thể sẽ cần sự hỗ trợ của dịch vụ lưu trữ của mình để kích hoạt điều này.

Nhưng bạn có biết rằng ngay cả http / 2 cũng phải chịu các vấn đề về hiệu suất của chính nó?

Trên HTTP2, khi một gói HTTP bị trì hoãn, nó sẽ làm chậm tất cả các gói xuất hiện sau đó, cho đến khi gói cụ thể đó bị phẫn nộ và nhận được.

Http / 3 là một giao thức mới, được phát triển bởi CloudFlare kết hợp với các trình duyệt chính như Chrome và Mozilla, tạo ra những cải tiến hiệu suất hơn nữa.

Làm thế nào để làm nó

Có một số nhà cung cấp DNS cao cấp có sẵn, và quá trình chuyển đổi khá đơn giản.

Tất cả những gì bạn cần làm là trỏ máy chủ tên miền của bạn cho nhà cung cấp mới, sau đó sao chép cài đặt DNS hiện tại của bạn.

Đọc thêm

4. Kích hoạt http / 2 hoặc http / 3 : Trung cấp [sẽ liên quan đến việc thay đổi cài đặt DNS của trang web và / hoặc đường dẫn tệp]

Tại sao bạn nên làm điều đó?

Khó khăn

HTTP / 2, phát hành năm 2015, là sự cải tiến lớn đầu tiên của giao thức cho phép tất cả lưu lượng truy cập web trên Internet từ năm 1999.

Nó giải quyết một số vấn đề hiệu suất cơ bản do sự phát triển của Web.

Bạn có thể sẽ cần sự hỗ trợ của dịch vụ lưu trữ của mình để kích hoạt điều này.

Khi trình duyệt khách truy cập trang web của bạn, tất cả các tệp tĩnh được phục vụ từ máy chủ CDN gần nhất với người dùng, chỉ với nội dung động được kéo từ trang web của bạn.

Vì các tệp tĩnh thường là lớn nhất, CDN đang thực hiện hai việc:

Nâng vật nặng phục vụ các tập tin này
Phục vụ chúng từ một địa điểm gần với người dùng hơn, cải thiện đáng kể hiệu suất của trang web của bạn.

Làm thế nào để làm nó

Trước tiên, bạn sẽ cần phải đăng ký với một CDN. Bạn đã có rất nhiều sự lựa chọn, vì vậy hãy xem bài đăng radar công nghệ này nếu bạn muốn một số lời khuyên về cái nào để chọn.

Khi bạn đã đăng ký, quy trình thiết lập sẽ thay đổi tùy theo nhà cung cấp [hầu hết sẽ cung cấp các tài liệu chi tiết], nhưng hướng dẫn này cung cấp một cái nhìn tổng quan tốt.

8. Sử dụng các tên miền miễn phí Cookie cho các tệp tĩnh [CSS, tập lệnh, v.v.]

Khó khăn : Dễ dàng chuyển động [CDN thường sẽ thực hiện việc này theo mặc định, nhưng bạn cũng có thể thiết lập tên miền phụ miễn phí cookie của riêng bạn]

Tại sao bạn nên làm điều đó?

Cookies trình duyệt thường được sử dụng để lưu trữ các thông tin nhỏ trong trình duyệt. Ví dụ, một cookie có thể tạm thời "Ghi nhớ" thông tin đăng nhập của người dùng, vì vậy họ không phải đăng nhập mỗi khi họ truy cập một trang web.

Nhưng họ có được một chuyến đi trên tất cả các yêu cầu được gửi bởi trình duyệt. Vì vậy, mặc dù kích thước nhỏ thường của chúng, chúng đang tạo chi phí và thêm tốc độ tải trang.

Làm thế nào để làm nó

8. Sử dụng các tên miền miễn phí Cookie cho các tệp tĩnh [CSS, tập lệnh, v.v.]

Tại sao bạn nên làm điều đó?

CDN thường tước cookie từ các tệp tĩnh theo mặc định.

Làm thế nào để làm nó

8. Sử dụng các tên miền miễn phí Cookie cho các tệp tĩnh [CSS, tập lệnh, v.v.]

Tại sao bạn nên làm điều đó?

Làm thế nào để làm nó

8. Sử dụng các tên miền miễn phí Cookie cho các tệp tĩnh [CSS, tập lệnh, v.v.]

Khó khăn

Tại sao bạn nên làm điều đó? : Nâng cao [Nếu bạn không có kinh nghiệm sửa đổi cấu hình máy chủ, thì tốt nhất bạn có thể khiến ai đó xử lý việc này cho bạn]

Tại sao bạn nên làm điều đó?

CDN thường tước cookie từ các tệp tĩnh theo mặc định.

Nhưng bạn cũng có thể điều chỉnh WordPress để sử dụng các tên miền không có cookie bằng cách làm theo các hướng dẫn này.

Làm thế nào để làm nó

8. Sử dụng các tên miền miễn phí Cookie cho các tệp tĩnh [CSS, tập lệnh, v.v.]

Tại sao bạn nên làm điều đó?

CDN thường tước cookie từ các tệp tĩnh theo mặc định.

Nhưng bạn cũng có thể điều chỉnh WordPress để sử dụng các tên miền không có cookie bằng cách làm theo các hướng dẫn này.

Làm thế nào để làm nó

9. Nâng cấp MySQL đến MariaDB

Khó khăn

Tóm lại:

MariaDB là một công cụ cơ sở dữ liệu nhanh hơn MySQL. Đó là một sự thay thế thả, và nếu bạn đang chạy MySQL thì đó là một chiến thắng tốc độ dễ dàng. : Nâng cao [Gỡ cài đặt sai mô-đun và bạn có thể phá vỡ trang web của mình!]

Tại sao bạn nên làm điều đó?

Làm thế nào để làm nó

Những điều chỉnh này nên được xử lý cẩn thận để đảm bảo bạn không xóa bất kỳ chức năng nào bạn thực sự sử dụng.

Nếu bạn đang chạy được thiết lập WHM, đây là một hướng dẫn tốt để theo dõi.

Mẹo kỹ thuật và trên trang để tăng tốc độ trang

Trong phần này, chúng tôi sẽ bao gồm 13 mẹo tăng tốc tốc độ cho trang web của bạn; Từ việc thiết lập bộ nhớ đệm trang, để tối ưu hóa hình ảnh, kịch bản, kiểu dáng và nhiều hơn nữa.

1. Thiết lập bộ nhớ đệm trang

Khó khăn : Dễ dàng chuyển động [đối với hầu hết các hệ thống CMS, điều này có thể được xử lý với một plugin]

Tại sao bạn nên làm điều đó?

Các trang web động hoạt động bằng cách lưu trữ nội dung [một bài viết, một sản phẩm, v.v.] trong cơ sở dữ liệu [tách biệt với mẫu chính] sau đó tạo một trang đầy đủ "trên con ruồi" khi người dùng truy cập.

Nhưng tìm nạp nội dung từ cơ sở dữ liệu cho mỗi khách truy cập là một hoạt động cực kỳ nặng nề.

Bộ nhớ đệm trang sửa chữa vấn đề này.

Bộ nhớ đệm tạo ra một bản sao của toàn bộ trang [I.E. Mẫu có nội dung] lần đầu tiên nó được hiển thị và lưu trữ nó trên đĩa cục bộ của máy chủ. Phiên bản được lưu trong bộ nhớ cache này có thể được lấy nhanh hơn hàng trăm lần so với nếu nó được tìm nạp từ cơ sở dữ liệu và hiển thị mỗi lần trang được tải.

nguồn

Bộ nhớ cache được làm mới định kỳ, thường là cứ sau vài giờ. Điều này đảm bảo sự cân bằng tốt giữa việc có nội dung mới nhất và tốc độ tải trang tối ưu.

Làm thế nào để làm nó

Trên hầu hết các hệ thống CMS, bạn sẽ muốn để một plugin [hoặc ứng dụng] xử lý bộ đệm cho bạn.

Nếu bạn đang chạy WordPress, chúng tôi khuyên dùng Rocket WP, cũng có thể chăm sóc nhiều mẹo tối ưu hóa tốc độ trang khác trong danh sách của chúng tôi.

Nhưng cũng có các plugin miễn phí như W3 Total Cache.

Bạn cũng có rất nhiều sự lựa chọn trên Shopify. Ví dụ, Hyperspeed là một ứng dụng tốc độ trang tất cả các vòng tốt.

Tìm kiếm đánh giá về các plugin bộ đệm [và tốc độ trang] cho CMS đã chọn của bạn.

2. Tối ưu hóa hình ảnh của bạn và tải chúng lười

Khó khăn : Dễ dàng [hầu hết các chương trình chỉnh sửa hình ảnh có thể tối ưu hóa để tải web + lười biếng đang trở thành bản địa]

Tại sao bạn nên làm điều đó?

Nhưng tìm nạp nội dung từ cơ sở dữ liệu cho mỗi khách truy cập là một hoạt động cực kỳ nặng nề.

Bộ nhớ đệm trang sửa chữa vấn đề này.

Làm thế nào để làm nó

nguồn

Trên hầu hết các hệ thống CMS, bạn sẽ muốn để một plugin [hoặc ứng dụng] xử lý bộ đệm cho bạn.

Nếu bạn đang chạy WordPress, chúng tôi khuyên dùng Rocket WP, cũng có thể chăm sóc nhiều mẹo tối ưu hóa tốc độ trang khác trong danh sách của chúng tôi.

Nhưng cũng có các plugin miễn phí như W3 Total Cache.

Bạn cũng có rất nhiều sự lựa chọn trên Shopify. Ví dụ, Hyperspeed là một ứng dụng tốc độ trang tất cả các vòng tốt.

Tìm kiếm đánh giá về các plugin bộ đệm [và tốc độ trang] cho CMS đã chọn của bạn.

2. Tối ưu hóa hình ảnh của bạn và tải chúng lười : Trung cấp [chuyển đổi hình ảnh sang webp thật dễ dàng, nhưng phục vụ chúng sẽ có một chút tinh chỉnh]

Tại sao bạn nên làm điều đó?

Nhưng tìm nạp nội dung từ cơ sở dữ liệu cho mỗi khách truy cập là một hoạt động cực kỳ nặng nề. lossless Định dạng hình ảnh đã được thiết kế dành riêng cho Web.

Bộ nhớ đệm trang sửa chữa vấn đề này.

Làm thế nào để làm nó

nguồn

Trên hầu hết các hệ thống CMS, bạn sẽ muốn để một plugin [hoặc ứng dụng] xử lý bộ đệm cho bạn. : Định dạng hình ảnh mới cho web [Google Developers]

Nếu bạn đang chạy WordPress, chúng tôi khuyên dùng Rocket WP, cũng có thể chăm sóc nhiều mẹo tối ưu hóa tốc độ trang khác trong danh sách của chúng tôi.

Nhưng cũng có các plugin miễn phí như W3 Total Cache. : Dễ dàng [một tinh chỉnh nhỏ để cấu hình]

Tại sao bạn nên làm điều đó?

Nhưng tìm nạp nội dung từ cơ sở dữ liệu cho mỗi khách truy cập là một hoạt động cực kỳ nặng nề.

Bộ nhớ đệm trang sửa chữa vấn đề này.

Làm thế nào để làm nó

nguồn

Bộ nhớ cache được làm mới định kỳ, thường là cứ sau vài giờ. Điều này đảm bảo sự cân bằng tốt giữa việc có nội dung mới nhất và tốc độ tải trang tối ưu.

Khó khăn : Trung cấp [dễ thực hiện, nhưng hãy chắc chắn rằng bạn kiểm tra sau đó để đảm bảo mọi thứ hoạt động chính xác]

Tại sao bạn nên làm điều đó?

Nhận xét, dòng mới, tab và dung lượng trắng khác có thể được xóa khỏi các tệp JS, CSS và HTML để giảm kích thước của chúng.

Làm thế nào để làm nó

Bạn có thể sử dụng công cụ miễn phí này để thu nhỏ CSS, JS và HTML của mình.

[Và nếu bạn làm hỏng thứ gì đó, bạn cũng có thể sử dụng công cụ để "làm đẹp", I.E. không nén các tập lệnh của bạn]

Đọc thêm : Tại sao để thu nhỏ mã JavaScript? [Cloudflare]

6. phân tích cú pháp của JavaScript

Khó khăn : Dễ dàng [có thể được xử lý bởi một plugin hoặc bằng cách thêm một thuộc tính vào các tập lệnh]

Tại sao bạn nên làm điều đó?

Nhận xét, dòng mới, tab và dung lượng trắng khác có thể được xóa khỏi các tệp JS, CSS và HTML để giảm kích thước của chúng.

Làm thế nào để làm nó

Bạn có thể sử dụng công cụ miễn phí này để thu nhỏ CSS, JS và HTML của mình.

[Và nếu bạn làm hỏng thứ gì đó, bạn cũng có thể sử dụng công cụ để "làm đẹp", I.E. không nén các tập lệnh của bạn]

Đọc thêm : Tại sao để thu nhỏ mã JavaScript?

Tại sao bạn nên làm điều đó?

6. phân tích cú pháp của JavaScript

Khó khăn

Thư viện JavaScript thường được bao gồm trong tiêu đề của một trang. Và theo mặc định, khi trình duyệt đạt đến tập lệnh, nó sẽ cần tải xuống tệp và "Parse" trước khi tiếp tục tải nội dung khác.

Làm thế nào để làm nó

Bạn có thể sử dụng công cụ miễn phí này để thu nhỏ CSS, JS và HTML của mình.

[Và nếu bạn làm hỏng thứ gì đó, bạn cũng có thể sử dụng công cụ để "làm đẹp", I.E. không nén các tập lệnh của bạn]

Đọc thêm

6. phân tích cú pháp của JavaScript : Trung cấp [dễ thực hiện, nhưng hãy chắc chắn rằng bạn kiểm tra sau đó để đảm bảo mọi thứ hoạt động chính xác]

Tại sao bạn nên làm điều đó?

Khó khăn

Điều này được gọi là Chặn kết xuất, và có thể làm chậm nghiêm trọng trang web của bạn.

May mắn thay, thật dễ dàng để sửa chữa. Và chúng tôi đã bao gồm chính xác cách thực hiện trong Hướng dẫn về Vitals Web Core tại đây.

7. CSS không quan trọng

Làm thế nào để làm nó

Bạn có thể sử dụng công cụ miễn phí này để thu nhỏ CSS, JS và HTML của mình. tất cả mọi thứ Trang của bạn đang tải [yêu cầu].

[Và nếu bạn làm hỏng thứ gì đó, bạn cũng có thể sử dụng công cụ để "làm đẹp", I.E. không nén các tập lệnh của bạn]

Đọc thêm : Tại sao để thu nhỏ mã JavaScript? [Cloudflare]

6. phân tích cú pháp của JavaScript

Khó khăn

Điều này được gọi là Chặn kết xuất, và có thể làm chậm nghiêm trọng trang web của bạn.

May mắn thay, thật dễ dàng để sửa chữa. Và chúng tôi đã bao gồm chính xác cách thực hiện trong Hướng dẫn về Vitals Web Core tại đây.
7. CSS không quan trọng
Khó khăn
Giống như JavaScript, CSS đang bị chặn.
Vì vậy, để tối ưu hóa việc tải, bạn nên nội tuyến CSS [các kiểu cần thiết để hiển thị trên nội dung gập], sau đó trì hoãn các kiểu không quan trọng khác.
Nó không hoàn toàn đơn giản như trì hoãn JavaScript [trừ khi bạn đang sử dụng plugin], nhưng nó vẫn còn tương đối không gây đau đớn.
Hướng dẫn web.dev này bao gồm quy trình trì hoãn CSS không quan trọng.
Và chúng tôi cũng bao gồm cách thực hiện trong Hướng dẫn về Vitals Web Core của chúng tôi.
8. Giảm kích thước trang web tổng thể

Khó khăn

Nguyên tắc vàng để làm cho một trang web tải nhanh hơn?

Tạo kích thước của mỗi trang càng nhỏ càng tốt.

Để thực sự đạt được kết quả tốt, bạn cần ám ảnh về điều này, và làm theo càng nhiều bước trong hướng dẫn này càng tốt. : Nâng cao [kết hợp nhiều mẹo trong hướng dẫn này + Phân tích các yêu cầu riêng lẻ]

Tại sao bạn nên làm điều đó?

Mục tiêu của bạn là đơn giản. Mỗi trang càng nhỏ, nó càng nhanh là tải - vì vậy hãy tập trung vào việc làm cho nó càng nhỏ càng tốt.

Một mục tiêu tốt là ít hơn 1MB, nhưng điều này có thể thay đổi cho các trang web khác nhau. Chỉ cần tập trung vào việc làm cho nó nhỏ nhất có thể mà không ảnh hưởng đến trải nghiệm người dùng.

Ngoài các bước trong hướng dẫn này, bạn nên xem

Làm thế nào để làm nó

GTmetrix cho phép bạn phân tích tất cả các yêu cầu một trang web đang thực hiện.

Nhìn vào

Sau đó hỏi câu hỏi sau:

Trang web của tôi có thể sống mà không có yêu cầu này? Có thực sự cần thiết? "

Bạn sẽ thấy rằng bạn có thể loại bỏ nhiều trong số họ.

Dưới đây là một số ví dụ về các yêu cầu có thể bị xóa nếu bạn không sử dụng chúng: : Dễ dàng nâng cao [đơn giản để thực hiện với một plugin, có thể gây rối chức năng và có thể không thực sự cải thiện hiệu suất]

Facebook pixel, quảng cáo Google, Google AdSense

Các tập lệnh quảng cáo bên thứ 3 hoặc kịch bản theo dõi quảng cáo [những điều này đặc biệt nặng]

Ý tưởng là bằng cách lấy tất cả các tệp CSS / JavaScript và hợp nhất chúng thành một, bạn sẽ nhận được kết quả cuối cùng nhưng giảm số lượng yêu cầu.

Trước HTTP2, khởi tạo mỗi yêu cầu nặng trên tải máy chủ, vì vậy chúng tôi muốn giảm tổng số lượng yêu cầu mà trình duyệt cần gửi.

Tuy nhiên, có một số nhược điểm.

Sáp nhập các tệp này có thể tạo xung đột và sự cố với các plugin nhất định
Sáp nhập các tệp này là một hoạt động nặng nề và có thể tự giới thiệu một tác động hiệu suất

Làm thế nào để làm nó

Nếu bạn đang chạy WordPress, một plugin bộ đệm như WP Rocket sẽ có thể xử lý việc này cho bạn.

Nhưng hãy kiểm tra xem sự hợp nhất như vậy thực sự đang giúp đỡ hoặc cản trở hiệu suất của trang web của bạn.

11. Kiểm tra và sửa lỗi trong nhật ký lỗi

Khó khăn : Nâng cao [lỗi sửa lỗi có thể liên quan đến việc thay đổi mã cơ bản]

Tại sao bạn nên làm điều đó?

Đôi khi trang web của bạn có thể là "vật lộn" mà không cần bạn biết. Hầu hết các trang web được xây dựng để có thể phục hồi với một số lỗi nhất định và những lỗi này được ẩn lặng.

Nhưng hiệu ứng của những lỗi ẩn này là gì?

Hiệu suất kém. Điều này là do xử lý lỗi là tài nguyên chuyên sâu.

Nếu các lỗi này được tạo ra thường xuyên, thì trang web của bạn có thể lấy một số lượt truy cập hiệu suất.

Làm thế nào để làm nó

Nếu bạn đang chạy WordPress, một plugin bộ đệm như WP Rocket sẽ có thể xử lý việc này cho bạn.

Nhưng hãy kiểm tra xem sự hợp nhất như vậy thực sự đang giúp đỡ hoặc cản trở hiệu suất của trang web của bạn.

11. Kiểm tra và sửa lỗi trong nhật ký lỗi

Khó khăn
Tại sao bạn nên làm điều đó?
Đôi khi trang web của bạn có thể là "vật lộn" mà không cần bạn biết. Hầu hết các trang web được xây dựng để có thể phục hồi với một số lỗi nhất định và những lỗi này được ẩn lặng.

Nhưng hiệu ứng của những lỗi ẩn này là gì?

Hiệu suất kém. Điều này là do xử lý lỗi là tài nguyên chuyên sâu.

Nếu các lỗi này được tạo ra thường xuyên, thì trang web của bạn có thể lấy một số lượt truy cập hiệu suất. : Nâng cao [kịch bản trì hoãn thời gian có thể ảnh hưởng đến hiệu suất / theo dõi]

Tại sao bạn nên làm điều đó?

Nhưng hiệu ứng của những lỗi ẩn này là gì?

Hiệu suất kém. Điều này là do xử lý lỗi là tài nguyên chuyên sâu.

Làm thế nào để làm nó

Nếu bạn đang chạy WordPress, một plugin bộ đệm như WP Rocket sẽ có thể xử lý việc này cho bạn.

Nhưng hãy kiểm tra xem sự hợp nhất như vậy thực sự đang giúp đỡ hoặc cản trở hiệu suất của trang web của bạn.

11. Kiểm tra và sửa lỗi trong nhật ký lỗi : Trung cấp [tương đối dễ thực hiện bằng cách thêm các thẻ có liên quan vào mã của bạn]

Tại sao bạn nên làm điều đó?

Nhưng hiệu ứng của những lỗi ẩn này là gì?

Hiệu suất kém. Điều này là do xử lý lỗi là tài nguyên chuyên sâu.

Nếu các lỗi này được tạo ra thường xuyên, thì trang web của bạn có thể lấy một số lượt truy cập hiệu suất.

Làm thế nào để làm nó

Nếu bạn đang chạy WordPress, một plugin bộ đệm như WP Rocket sẽ có thể xử lý việc này cho bạn.

Nhưng hãy kiểm tra xem sự hợp nhất như vậy thực sự đang giúp đỡ hoặc cản trở hiệu suất của trang web của bạn.

11. Kiểm tra và sửa lỗi trong nhật ký lỗi

Khó khăn

Tại sao bạn nên làm điều đó? Đôi khi trang web của bạn có thể là "vật lộn" mà không cần bạn biết. Hầu hết các trang web được xây dựng để có thể phục hồi với một số lỗi nhất định và những lỗi này được ẩn lặng.

Nhưng hiệu ứng của những lỗi ẩn này là gì?

Hiệu suất kém. Điều này là do xử lý lỗi là tài nguyên chuyên sâu.

Nếu các lỗi này được tạo ra thường xuyên, thì trang web của bạn có thể lấy một số lượt truy cập hiệu suất.

Lỗi sẽ thay đổi từ trang web đến trang web.
Vì vậy, bạn sẽ cần phải đi qua các khu vực mà các lỗi đang được ghi lại để tìm các vấn đề trên của bạn.

Bạn có thể kiểm tra ở những nơi sau:

Lỗi đăng nhập vào tài khoản lưu trữ của bạn

Lỗi PHP Đăng nhập thư mục gốc của trang web của bạn

Các khu vực khác lưu trữ nhật ký / nhật ký lỗi

Khi bạn khám phá lỗi, điều tra thêm và thực hiện các bước để sửa chúng. : Dễ dàng

Tại sao bạn nên làm điều đó?

Nhưng hiệu ứng của những lỗi ẩn này là gì?

Hiệu suất kém. Điều này là do xử lý lỗi là tài nguyên chuyên sâu.

Làm thế nào để làm nó

Nếu các lỗi này được tạo ra thường xuyên, thì trang web của bạn có thể lấy một số lượt truy cập hiệu suất.

Lỗi sẽ thay đổi từ trang web đến trang web.

Vì vậy, bạn sẽ cần phải đi qua các khu vực mà các lỗi đang được ghi lại để tìm các vấn đề trên của bạn.

Bạn có thể kiểm tra ở những nơi sau: : API Heartbeat WordPress: Nó là gì và cách quản lý nó [GigaPress]

Lỗi đăng nhập vào tài khoản lưu trữ của bạn

Khi bạn khám phá lỗi, điều tra thêm và thực hiện các bước để sửa chúng. : Dễ dàng

Tại sao bạn nên làm điều đó?

Ra khỏi hộp, WordPress sẽ giới hạn số lượng bài đăng trên blog được hiển thị trên các trang lưu trữ [danh mục / thẻ] đến mười. Vì vậy, nếu có hai mươi bài đăng trong một danh mục cụ thể, WordPress sẽ chia thành hai trang.

Nhưng bạn có thể đặt số này cao như bạn muốn. Vậy tại sao bạn không nên hiển thị nhiều bài viết trên một trang duy nhất?

Bởi vì nhiều bài đăng trên một trang có nghĩa là lặp lại nhiều hơn cho WordPress để lặp qua [tải máy chủ] và nhiều hình ảnh hơn trên trang [chậm hơn cho người dùng].

Vì vậy, chúng tôi khuyên bạn nên giữ số lượng bài đăng trên một trang riêng lẻ đến tối đa 10 [bố cục một / 2 cột] hoặc 12 [bố cục ba cột].

Làm thế nào để làm nó

Dễ dàng. Chỉ cần đi đến Cài đặt> Đọc và đặt số lượng bài đăng bạn muốn hiển thị trên một trang duy nhất.

3. Tối ưu hóa ý kiến cho hiệu suất

Khó khăn : Dễ dàng

Tại sao bạn nên làm điều đó?

Nhưng thật không may, khi nói đến tốc độ, càng nhiều bình luận trên một trang, nó sẽ chậm hơn sẽ tải. Nó có thể không nhiều, nhưng tất cả đều cộng lại.

Và nếu nhận xét của bạn bao gồm avatar, thì cũng như nội dung văn bản bổ sung, bạn cũng sẽ thêm hình ảnh bổ sung.

Vì vậy, nếu trang web của bạn thu hút rất nhiều ý kiến [công việc tốt đẹp!] Bạn nên làm gì?

Làm thế nào để làm nó

Dễ dàng. Chỉ cần đi đến

3. Tối ưu hóa ý kiến cho hiệu suất Cài đặt> Thảo luận và đặt số lượng nhận xét tối đa trên mỗi trang.

Khó khăn

Tại sao bạn nên làm điều đó?

Bình luận là tuyệt vời. Chúng cho phép tham gia trực tiếp với người dùng của bạn và đối với Google, rất nhiều ý kiến là một dấu hiệu của một cộng đồng đang hoạt động và một trang web phổ biến mà họ nên hiển thị cho nhiều người tìm kiếm hơn.

Khó khăn : Dễ dàng

Tại sao bạn nên làm điều đó?

Làm thế nào để làm nó

Dễ dàng. Chỉ cần đi đến

Khó khăn

Tại sao bạn nên làm điều đó?

Bình luận là tuyệt vời. Chúng cho phép tham gia trực tiếp với người dùng của bạn và đối với Google, rất nhiều ý kiến là một dấu hiệu của một cộng đồng đang hoạt động và một trang web phổ biến mà họ nên hiển thị cho nhiều người tìm kiếm hơn. Nhưng thật không may, khi nói đến tốc độ, càng nhiều bình luận trên một trang, nó sẽ chậm hơn sẽ tải. Nó có thể không nhiều, nhưng tất cả đều cộng lại.

Và nếu nhận xét của bạn bao gồm avatar, thì cũng như nội dung văn bản bổ sung, bạn cũng sẽ thêm hình ảnh bổ sung.

Khó khăn : Dễ dàng

Tại sao bạn nên làm điều đó?

Làm thế nào để làm nó

Dễ dàng. Chỉ cần đi đến

3. Tối ưu hóa ý kiến cho hiệu suất

Khó khăn

Tại sao bạn nên làm điều đó? : API Heartbeat WordPress: Nó là gì và cách quản lý nó

Tại sao bạn nên làm điều đó?

Làm thế nào để làm nó

Dễ dàng. Chỉ cần đi đến

3. Tối ưu hóa ý kiến cho hiệu suất

Khó khăn

Tại sao bạn nên làm điều đó?

Bình luận là tuyệt vời. Chúng cho phép tham gia trực tiếp với người dùng của bạn và đối với Google, rất nhiều ý kiến là một dấu hiệu của một cộng đồng đang hoạt động và một trang web phổ biến mà họ nên hiển thị cho nhiều người tìm kiếm hơn. : Trung cấp [đôi khi các plugin cá nhân có thể đi sâu hơn vào một điểm đau / tính năng cụ thể hơn là "jack của tất cả các giao dịch"]

Tại sao bạn nên làm điều đó?

Làm thế nào để làm nó

Và nếu nhận xét của bạn bao gồm avatar, thì cũng như nội dung văn bản bổ sung, bạn cũng sẽ thêm hình ảnh bổ sung.

Vì vậy, nếu trang web của bạn thu hút rất nhiều ý kiến [công việc tốt đẹp!] Bạn nên làm gì?

Một chút như bài lưu trữ bài, WordPress cho phép bạn phân chia bình luận thành các trang. : Trung cấp [Đây là cuộc gọi phán xét: Cải tiến cho UX vượt xa mức kéo trên tốc độ trang?]

Tại sao bạn nên làm điều đó?

Và nếu nhận xét của bạn bao gồm avatar, thì cũng như nội dung văn bản bổ sung, bạn cũng sẽ thêm hình ảnh bổ sung.

Làm thế nào để làm nó

Vì vậy, nếu trang web của bạn thu hút rất nhiều ý kiến [công việc tốt đẹp!] Bạn nên làm gì?

Một chút như bài lưu trữ bài, WordPress cho phép bạn phân chia bình luận thành các trang.
Chỉ cần chuyển sang
20-30 là một sân giữa tốt.
Cuộn xuống trang cài đặt thảo luận và bạn cũng có thể vô hiệu hóa avatar.

4. Giới hạn trang và sửa đổi bài

Sửa đổi bài là hữu ích. Họ cho phép bạn quay lại và khôi phục một phiên bản cũ hơn của một bài đăng nếu bạn làm hỏng thứ gì đó [nó xảy ra].

Nhưng quá nhiều trong số họ có thể tắc nghẽn và làm chậm cơ sở dữ liệu WordPress. Vì vậy, chúng tôi khuyên bạn nên giới hạn số lần sửa đổi được lưu trữ cho mỗi bài đăng tối đa là 5. : Trung cấp [nếu bạn không sử dụng plugin, nó sẽ liên quan đến các chức năng chỉnh sửa.php. Nhưng tập lệnh được sao chép và dán]

Tại sao bạn nên làm điều đó?

Bạn muốn một trang web tuyệt vời. Và nó đi mà không cần nói, bạn muốn cung cấp một trải nghiệm tuyệt vời cho người dùng của bạn.

Nhưng mọi tiện ích hào nhoáng, mỗi tập lệnh bổ sung, sẽ thêm vào thời gian tải của bạn.

Và trong nhiều trường hợp, ít hơn là nhiều hơn.

Làm thế nào để làm nó

Chạy qua trang web của bạn với một con mắt quan trọng và trả lời các câu hỏi sau:

Tôi có thực sự cần chức năng này?

Điều gì khiến tôi tốn kém về tốc độ?

Có cách nào tôi có thể "pare nó xuống" để làm cho nó gầy hơn và nhanh hơn không? : Trung cấp [loại bỏ hoặc vô hiệu hóa các plugin có thể thay đổi chức năng]

Tại sao bạn nên làm điều đó?

Bạn muốn một trang web tuyệt vời. Và nó đi mà không cần nói, bạn muốn cung cấp một trải nghiệm tuyệt vời cho người dùng của bạn.

Nhưng mọi tiện ích hào nhoáng, mỗi tập lệnh bổ sung, sẽ thêm vào thời gian tải của bạn.

Làm thế nào để làm nó

Chạy qua trang web của bạn với một con mắt quan trọng và trả lời các câu hỏi sau:

Tôi có thực sự cần chức năng này?

Điều gì khiến tôi tốn kém về tốc độ?

Có cách nào tôi có thể "pare nó xuống" để làm cho nó gầy hơn và nhanh hơn không?

Những lợi ích nào nó mang đến cho chủ sở hữu trang web hoặc người dùng? có thể có tác động SEO tiêu cực.

Cắt giảm chất béo và tốc độ trang web của bạn sẽ được cải thiện.

9. Vô hiệu hóa biểu tượng cảm xúc.

Khó khăn : Trung cấp [nếu bạn không sử dụng plugin, nó sẽ liên quan đến các chức năng chỉnh sửa.php. Nhưng tập lệnh được sao chép và dán]

Tại sao bạn nên làm điều đó?

Bạn muốn một trang web tuyệt vời. Và nó đi mà không cần nói, bạn muốn cung cấp một trải nghiệm tuyệt vời cho người dùng của bạn.

Nhưng mọi tiện ích hào nhoáng, mỗi tập lệnh bổ sung, sẽ thêm vào thời gian tải của bạn.

Làm thế nào để làm nó

Chạy qua trang web của bạn với một con mắt quan trọng và trả lời các câu hỏi sau:

Tôi có thực sự cần chức năng này?

Điều gì khiến tôi tốn kém về tốc độ?

Có cách nào tôi có thể "pare nó xuống" để làm cho nó gầy hơn và nhanh hơn không?

Những lợi ích nào nó mang đến cho chủ sở hữu trang web hoặc người dùng?

Cắt giảm chất béo và tốc độ trang web của bạn sẽ được cải thiện.

9. Vô hiệu hóa biểu tượng cảm xúc. : Trung cấp [Nếu bạn hiện có nhiều thiết lập trang bằng cách sử dụng Trình tạo trang, bạn sẽ cần phải 'thư giãn' trước đó]

Tại sao bạn nên làm điều đó?

Khó khăn

WordPress có hỗ trợ cho Emojis. Nhưng sự hỗ trợ đó có chi phí cho một yêu cầu tệp 10kB trên mỗi trang.

Làm thế nào để làm nó

Chạy qua trang web của bạn với một con mắt quan trọng và trả lời các câu hỏi sau:

Tôi có thực sự cần chức năng này?

Điều gì khiến tôi tốn kém về tốc độ?

Có cách nào tôi có thể "pare nó xuống" để làm cho nó gầy hơn và nhanh hơn không?

Những lợi ích nào nó mang đến cho chủ sở hữu trang web hoặc người dùng?

Cắt giảm chất béo và tốc độ trang web của bạn sẽ được cải thiện.

Tại sao bạn nên làm điều đó?

Khó khăn

WordPress có hỗ trợ cho Emojis. Nhưng sự hỗ trợ đó có chi phí cho một yêu cầu tệp 10kB trên mỗi trang.

Làm thế nào để làm nó

Chạy qua trang web của bạn với một con mắt quan trọng và trả lời các câu hỏi sau:

Khi bạn xác định các plugin nào đang ảnh hưởng đến hiệu suất của trang web của mình, bạn có thể quyết định xem bạn có muốn xóa chúng hay không, hãy trao đổi chúng hoặc thực hiện các bước để khắc phục hiệu suất của chúng.

Gói lên

Tăng tốc một trang web có thể trải dài từ các tinh chỉnh và thay đổi đơn giản, đến các thay đổi cơ sở hạ tầng đáng kể đối với công nghệ cơ bản.

Nhưng tất cả đều được tính. Và càng nhiều bạn thực hiện, trang web của bạn sẽ càng nhanh.

Mục đích cuối cùng của bạn là để có được trang web của bạn tải trong dưới 2 giây. Và bằng cách thực hiện theo các mẹo trong hướng dẫn này, cùng với những lời nói trong Hướng dẫn về Vitals Web Core gần đây của chúng tôi, đó là mục tiêu có thể đạt được.

Kết quả sẽ là người dùng hạnh phúc hơn, một googlebot hạnh phúc hơn và lưu lượng tìm kiếm nhiều hơn.

Bất kỳ câu hỏi, chỉ để lại cho chúng tôi một nhận xét dưới đây. Và nhảy vào danh sách gửi thư của chúng tôi để có nhiều mẹo, hướng dẫn và lời khuyên của SEO hành động.

ps: Nhận cập nhật blog thẳng vào hộp thư đến của bạn!