Trang web của bạn càng có nhiều yêu cầu HTTP, thì trang web tải càng chậm. Vì vậy, nếu bạn có thể giảm số lượng yêu cầu HTTP và tối ưu hóa cách chúng tải, bạn có thể cải thiện hiệu suất trang web của mình.
Trong bài đăng này, chúng tôi sẽ giới thiệu cho bạn mọi thứ bạn cần biết về cách tạo ít yêu cầu HTTP hơn trên WordPress.
Chúng tôi sẽ bắt đầu với phần giới thiệu cơ bản về các yêu cầu HTTP, tại sao chúng lại quan trọng và cách phân tích các yêu cầu trên trang web WordPress của bạn.
Sau đó, chúng tôi sẽ chia sẻ một số mẹo và chiến lược mà bạn có thể thực hiện để giảm yêu cầu trang web của mình. Ngoài việc giúp bạn với thông báo “Thực hiện ít yêu cầu HTTP hơn” trong GTmetrix, các chiến lược này cũng sẽ giúp với thông báo “Tránh xâu chuỗi các yêu cầu quan trọng” trong Google PageSpeed Insights.
Thích xem phiên bản video?
Yêu cầu HTTP là gì?
Khi bạn xây dựng một trang web, nó có rất nhiều phần khác nhau. Bạn có các tệp hình ảnh khác nhau mà bạn sử dụng trên một trang, các biểu định kiểu CSS kiểm soát giao diện nội dung, các tệp JavaScript bổ sung tất cả chức năng thú vị đó, v.v.
Khi ai đó truy cập trang web của bạn, trình duyệt của họ cần một cách để tải xuống tất cả các tài nguyên cần thiết cho trang đó từ máy chủ của bạn. Để làm điều đó, nó thực hiện các yêu cầu HTTP đến máy chủ cho từng tài nguyên riêng lẻ.
Ví dụ: nó có thể nói, “máy chủ này, tôi cần tệp coolimage.png đó” và “máy chủ này, tôi cũng cần biểu định kiểu CSS cho plugin biểu mẫu liên hệ đó”. Sau đó, máy chủ sẽ trả lời các yêu cầu đó với các tệp được đề cập.
Khi trình duyệt web nhận được các tệp đó, nó có thể tập hợp trang web cho khách truy cập của bạn. Tất nhiên, nó phức tạp hơn một chút, nhưng đó là ý tưởng cơ bản.
HTTP, viết tắt của Hypertext Transfer Protocol, là cách các máy tính này (trình duyệt của khách truy cập và máy chủ web của bạn) giao tiếp.
Một điều quan trọng cần hiểu là mỗi phần tử riêng biệt là một yêu cầu HTTP riêng biệt. Ví dụ: nếu bạn có năm tệp hình ảnh trên một trang web, trình duyệt cần thực hiện năm yêu cầu HTTP riêng biệt, một yêu cầu cho mỗi hình ảnh.
Tương tự, nếu bạn sử dụng bốn plugin WordPress và mỗi plugin thêm biểu định kiểu CSS của riêng nó, trình duyệt của khách truy cập sẽ cần tạo bốn yêu cầu HTTP riêng biệt, một yêu cầu cho biểu định kiểu của mỗi plugin.
Tại sao việc giảm yêu cầu HTTP lại quan trọng?
Nói chung, trang web của bạn càng có nhiều yêu cầu HTTP thì trang web tải càng chậm. Vì vậy, nếu bạn muốn làm cho trang web của mình tải nhanh hơn, bạn cần phải tối ưu hóa và giảm số lượng yêu cầu HTTP mà trang web của bạn yêu cầu.
Mặc dù điều này hơi đơn giản hóa một chút, nhưng ý tưởng cơ bản là trình duyệt web sẽ chỉ hiển thị trang web cho khách truy cập của bạn sau khi tải xong tất cả các yêu cầu HTTP (mặc dù có một số chiến thuật để cho trình duyệt biết rằng bạn có thể đợi một số các tập tin).
Vì vậy, nếu một trang web phải thực hiện 70 yêu cầu HTTP trước khi nó có thể hiển thị trang, thì điều đó sẽ mất nhiều thời gian hơn nếu nó phải thực hiện 40 yêu cầu HTTP.
Ngoài ra, một số yêu cầu HTTP sẽ “chặn” các yêu cầu HTTP khác, có nghĩa là trình duyệt không thể bắt đầu tải xuống các yêu cầu HTTP nhất định cho đến khi tải xong các yêu cầu HTTP trước đó.
Điểm mấu chốt là: khi bạn thực hiện ít yêu cầu HTTP hơn, bạn sẽ làm cho trang web của mình tải nhanh hơn.
Cách xem và phân tích các yêu cầu HTTP trên trang web của bạn
Ở trên, bạn đã biết rằng tất cả mọi thứ đều bình đẳng, giảm số lượng yêu cầu HTTP sẽ tăng tốc trang web của bạn. Tuy nhiên, tất cả các yêu cầu HTTP không phải lúc nào cũng “bình đẳng”. Một số yêu cầu HTTP lớn hơn những yêu cầu khác. Một số chậm hơn những người khác.
Ví dụ: yêu cầu tệp hình ảnh lớn 3 MB sẽ mất nhiều thời gian hơn so với yêu cầu tệp hình ảnh 20 KB nhỏ.
Nếu bạn muốn thực hiện cải tiến lớn nhất cho trang web của mình, thì việc tập trung vào các yêu cầu HTTP lớn, tải chậm trước tiên sẽ mang lại lợi tức đầu tư lớn nhất cho bạn.
Để phân tích các yêu cầu HTTP của trang web của bạn, bạn có thể sử dụng một cái gì đó được gọi là phân tích Thác nước.
Hầu hết các công cụ kiểm tra tốc độ đều cung cấp điều này, nhưng giao diện tại GTMetrix và Pingdom rất thuận tiện. Bạn cũng có thể sử dụng các công cụ dành cho nhà phát triển của trình duyệt. Tuy nhiên, chúng tôi sẽ sử dụng GTmetrix cho ảnh chụp màn hình của mình.
Sau khi cắm URL của mình vào, bạn sẽ thấy một hộp tóm tắt cơ bản ở trên cùng. Điều này cho bạn biết trang web của bạn có bao nhiêu yêu cầu HTTP, nhưng nó không chia nhỏ các yêu cầu riêng lẻ:
Để phân tích các yêu cầu riêng lẻ của bạn, hãy chuyển đến tab Thác nước bên dưới.
Tại đây, bạn sẽ thấy danh sách từng yêu cầu HTTP riêng lẻ trên trang web của mình cùng với thông tin về thời gian tải xuống yêu cầu HTTP đó:
Bạn có thể thấy cách không phải tất cả các yêu cầu HTTP đều như nhau. Ví dụ: hình ảnh 839,3 KB mất 1,12 giây trong khi hình ảnh 57,6 KB chỉ mất 87,5 mili giây:
Bạn cũng có thể tìm thấy các yêu cầu HTTP từ các plugin WordPress khác nhau mà bạn đang sử dụng bằng cách tìm kiếm tên của thư mục plugin đó trên máy chủ của bạn. Ví dụ: bạn có thể thấy rằng WooCommerce thêm bảy yêu cầu HTTP của riêng nó:
Bằng cách này, bạn có thể xem liệu bất kỳ plugin nào bạn đang sử dụng đang thêm nhiều yêu cầu HTTP (đặc biệt là các yêu cầu tải chậm) hay không.
Cách tối ưu hóa và tạo ít yêu cầu HTTP hơn trong WordPress
Ở cấp độ cao, có hai chiến lược rộng rãi để thực hiện ít yêu cầu HTTP hơn:
- Xóa các yêu cầu HTTP. Nếu có thể, bạn nên loại bỏ hoàn toàn mọi yêu cầu HTTP không cần thiết. Ví dụ: nếu bạn có một plugin không mang lại giá trị gì cho trang web của mình và đang tải CSS và JavaScript của riêng nó, chỉ cần xóa hoàn toàn plugin đó để loại bỏ tất cả các yêu cầu HTTP của nó.
- Kết hợp các yêu cầu HTTP. Nếu bạn có các yêu cầu HTTP mà bạn nhất thiết phải tải, bạn có thể kết hợp chúng thành một tệp duy nhất. Ví dụ: thay vì sáu tệp CSS nhỏ, bạn có thể kết hợp chúng thành một tệp CSS lớn hơn duy nhất, tệp này sẽ vẫn tải nhanh hơn vì trình duyệt cần đưa ra ít yêu cầu hơn (điều này không phải lúc nào cũng đúng với HTTP / 2, chúng tôi sẽ thảo luận bên dưới).
Chúng tôi sẽ bắt đầu với các chiến thuật tập trung vào việc xóa các yêu cầu HTTP và sau đó chúng tôi sẽ tìm hiểu cách kết hợp các yêu cầu HTTP còn lại. Ý tưởng cơ bản là loại bỏ những gì bạn có thể và sau đó kết hợp những gì còn lại.
1. Loại bỏ các Plugin WordPress không cần thiết
Để bắt đầu, bạn sẽ muốn sử dụng phân tích thác nước để lấy tất cả các yêu cầu từ các plugin của mình. Bạn có thể thực hiện việc này bằng cách tìm kiếm “plugin”, sẽ kéo lên mọi yêu cầu HTTP bắt nguồn từ thư mục wp-content / plugins .
Nếu bạn di chuột qua tên của tệp, bạn có thể xem nó đến từ plugin nào. Ví dụ: ở đây, bạn có thể thấy một yêu cầu từ plugin thanh trượt mà bạn có thể đang sử dụng.
Một số nghiên cứu sâu hơn sẽ cho thấy rằng Slider Revolution thêm ba yêu cầu HTTP của riêng nó, mặc dù trang thử nghiệm này không chứa bất kỳ thanh trượt nào:

Nếu bạn đang sử dụng Slider Revolution cho một thanh trượt chính, thì có lẽ bạn cần giữ nó. Nhưng nếu bạn đã cài đặt nó để kiểm tra nó, sau đó gỡ bỏ thanh trượt và bây giờ bạn không thực sự sử dụng nó… thì bạn nên gỡ bỏ nó để loại bỏ các yêu cầu HTTP đó.
Về cơ bản, bạn muốn xem qua toàn bộ danh sách và tự hỏi liệu mỗi plugin có thực sự tăng thêm giá trị cho trang web của bạn hay không. Nếu một plugin không (nhưng đang thêm các yêu cầu HTTP), thì tốt hơn là bạn nên xóa nó.
2. Thay thế các plugin nặng bằng các plugin nhẹ hơn
Khi bạn đã cắt bớt mọi plugin không cần thiết, bước tiếp theo là xem liệu bạn có thể thay thế bất kỳ plugin nào bạn đang sử dụng bằng các lựa chọn thay thế nhẹ hơn hay không.
Ví dụ: giả sử bạn muốn thêm các nút chia sẻ xã hội vào trang web của mình. Đó là một tính năng tốt cần có, nhưng một số plugin chia sẻ xã hội có thể thêm nhiều yêu cầu HTTP.
Ví dụ: plugin AddThis phổ biến thêm sáu yêu cầu HTTP của riêng nó (bao gồm một số yêu cầu bên ngoài – nhiều hơn nữa trên những yêu cầu đó trong một giây):
Bạn có thể cắt giảm nhiều chất béo này bằng cách sử dụng một giải pháp thay thế tối ưu hơn như NovaShare hoặc Grow by MediaVine.
3. Tải tập lệnh có điều kiện không cần trang web
Tại thời điểm này, bạn nên xóa tất cả các plugin không cần thiết ở bất kỳ đâu trên trang web của mình. Tuy nhiên, có một loại plugin khác có thể gây ra sự cố – các plugin chỉ cần thiết trên các phần cụ thể của trang web của bạn nhưng tải các tập lệnh của chúng ở mọi nơi.
Ví dụ: lấy plugin Biểu mẫu liên hệ 7 phổ biến. Bạn có thể chỉ cần plugin này trên một vài trang (ví dụ: trang “Liên hệ với chúng tôi” của bạn). Tuy nhiên, Biểu mẫu liên hệ 7 tải các tập lệnh của nó trên mọi trang trên trang web của bạn. Vì vậy, ví dụ: Biểu mẫu liên hệ 7 vẫn đang thêm một số yêu cầu HTTP vào các bài đăng trên blog của bạn mặc dù các bài đăng trên blog của bạn không có bất kỳ biểu mẫu liên hệ nào.
Một ví dụ khác có thể là WooCommerce nếu bạn chỉ sử dụng nó như một bộ xử lý thanh toán. WooCommerce sẽ vẫn tải các tập lệnh của nó ở mọi nơi, mặc dù bạn thực sự chỉ cần chúng trên các trang giỏ hàng và thanh toán cho trường hợp sử dụng này.
Một chiến thuật nâng cao ở đây là chỉ tải các plugin có điều kiện khi chúng cần. Ví dụ: bạn có thể để Biểu mẫu liên hệ 7 tải trên trang “Liên hệ với chúng tôi” nhưng hãy tắt nó ở những nơi khác.
Nếu bạn không phải là nhà phát triển, bạn có thể sử dụng các plugin như Asset CleanUp hoặc Perfmatters để thực hiện việc này mà không cần mã. Với Perfmatters, trước tiên bạn cần kích hoạt trình quản lý tập lệnh. Sau đó, bạn có thể mở trình quản lý tập lệnh để xem tất cả các tập lệnh đang tải trên một trang và tắt bất kỳ tập lệnh nào không cần thiết:

Hãy cẩn thận vì bạn có thể gây ra sự cố nếu bạn vô tình tắt một tập lệnh thực sự cần thiết . Mặc dù đây là một chiến thuật hữu ích, nhưng nó cũng là một chiến thuật nâng cao.
Nếu cảm thấy không tự tin, bạn có thể bỏ qua bước này hoặc thuê một nhà phát triển để giúp bạn.
4. Loại bỏ hình ảnh không cần thiết (và tối ưu hóa phần còn lại)
Được sử dụng tốt, hình ảnh làm cho trang web của bạn thân thiện và hấp dẫn hơn. Chúng thêm giá trị cho trang web của bạn.
Đăng kí để nhận thư mới
Tuy nhiên, mỗi hình ảnh trên trang web của bạn là một yêu cầu HTTP riêng biệt. Vì vậy, nếu bạn có những hình ảnh không tăng thêm giá trị, thì tốt nhất bạn nên xóa chúng để loại bỏ các yêu cầu HTTP đó.
Ví dụ, liệu GIF vui nhộn đó có đáng không? Có thể là… nhưng cũng có thể không – bạn cần nghĩ đến sự đánh đổi bất cứ khi nào bạn thêm nhiều hình ảnh vào nội dung của mình.
Cuối cùng, đảm bảo thay đổi kích thước và nén các hình ảnh còn lại. Mặc dù điều này sẽ không làm giảm số lượng yêu cầu HTTP tự nó, nhưng nó sẽ giảm kích thước của các yêu cầu HTTP đó, điều này sẽ làm cho chúng tải nhanh hơn.
5. Sử dụng Lazy Loading cho Hình ảnh và Video
Với tính năng tải chậm, trang web của bạn sẽ chờ tải hình ảnh, video và khung nội tuyến dưới màn hình đầu tiên cho đến khi người dùng bắt đầu cuộn xuống.
Vì các tài nguyên này không tải ngay lập tức, nên không cần thực hiện yêu cầu HTTP cho lần tải trang đầu tiên.
Kể từ phiên bản WordPress 5.5, WordPress hiện bao gồm tính năng tải từng phần gốc cho hình ảnh bằng cách sử dụng thuộc tính tải HTML. Đối với một số cách khác để triển khai tải chậm (bao gồm cả tệp video), bạn có thể xem hướng dẫn đầy đủ của chúng tôi về tải chậm trong WordPress.
6. Hạn chế Sử dụng Phông chữ Tùy chỉnh và / hoặc Sử dụng Phông chữ Hệ thống (Tương tự đối với Phông chữ Biểu tượng)
Phông chữ tùy chỉnh rất tốt để cải thiện thiết kế và trải nghiệm người dùng trên trang web của bạn. Tuy nhiên, bạn cần phải cẩn thận với cách bạn sử dụng chúng vì mỗi loại phông chữ tùy chỉnh mà bạn sử dụng sẽ thêm một yêu cầu HTTP khác.
Nếu bạn định sử dụng phông chữ tùy chỉnh, hãy đảm bảo tuân theo một số lượng nhỏ. Bạn có thực sự cần một phông chữ khác cho tiêu đề bài đăng và nội dung bài đăng của mình không? Hoặc bạn có thể sử dụng cùng một phông chữ? Bạn có thực sự cần tất cả năm trọng lượng phông chữ không? Hoặc bạn có thể chỉ chọn hai?
Điều này cũng đúng với các phông chữ biểu tượng như Font Awesome và IcoMoon. Phông chữ biểu tượng có thể hữu ích, nhưng bạn có thể không cần tải nhiều thư viện phông chữ biểu tượng. Tốt hơn là chỉ chọn một thư viện phông chữ biểu tượng và gắn bó với nó.
Cuối cùng, nếu bạn muốn tiến thêm một bước và loại bỏ hoàn toàn các yêu cầu HTTP liên quan đến phông chữ trên trang web của mình, bạn có thể xem xét sử dụng ngăn xếp phông chữ hệ thống. Mặc dù điều này sẽ khiến bạn kém linh hoạt hơn về mặt thiết kế, nhưng điều đó cũng có nghĩa là khách truy cập của bạn sẽ không phải tải bất kỳ tệp phông chữ nào chỉ để hiển thị trang web của bạn.
(Đề xuất đọc: Cách thay đổi phông chữ trong WordPress).
7. Vô hiệu hóa WordPress Emojis
Theo mặc định, WordPress thêm yêu cầu HTTP của riêng mình cho biểu tượng cảm xúc. Mặc dù nó chỉ là một yêu cầu HTTP 5,1 KB duy nhất, nhưng tệp này từ lâu đã là một cái gai đối với những người hâm mộ hiệu suất WordPress. Tại Kinsta, chúng tôi yêu thích hiệu suất của WordPress, đó là lý do tại sao chúng tôi có toàn bộ hướng dẫn về cách tắt biểu tượng cảm xúc WordPress.
Tùy chọn đơn giản nhất là chỉ cần cài đặt và kích hoạt plugin Disable Emojis (thân thiện với GDPR) miễn phí. Tuy nhiên, bạn có thể đọc hướng dẫn đầy đủ của chúng tôi để biết một số tùy chọn khác.
Sau khi bạn làm điều này, số lượng yêu cầu HTTP của bạn sẽ giảm xuống một và bạn vẫn có thể sử dụng biểu tượng cảm xúc ?
8. Giảm / loại bỏ các yêu cầu HTTP của bên thứ ba
Cho đến nay, chúng tôi chủ yếu tập trung vào việc giảm các yêu cầu HTTP cho các tệp trên máy chủ trang web WordPress của bạn. Tuy nhiên, trình duyệt của khách truy cập của bạn cũng có thể cần yêu cầu tệp từ máy chủ của bên thứ ba.
Những yêu cầu này thậm chí có thể rắc rối hơn vì trang web của bạn phụ thuộc vào tốc độ của các máy chủ bên thứ ba đó.
Vài ví dụ:
- Google Analytics – tập lệnh theo dõi được lưu trữ trên các máy chủ của Google, nhưng trình duyệt của khách truy cập vẫn cần tải xuống tệp đó.
- Các video YouTube được nhúng – bạn sẽ thấy rất nhiều yêu cầu HTTP đến máy chủ của YouTube.
- Dịch vụ quảng cáo của bên thứ ba – bạn sẽ thấy rất nhiều yêu cầu của bên thứ ba liên quan đến việc phân phát quảng cáo của bạn.
- Phông chữ Google (trên CDN của Google) – bạn sẽ thấy các yêu cầu của bên thứ ba tới máy chủ của Google để tải tệp phông chữ của bạn.
Bạn có thể áp dụng nhiều chiến thuật tương tự từ trên cho các yêu cầu HTTP của bên thứ ba này.
Cần một giải pháp lưu trữ mang lại cho bạn lợi thế cạnh tranh? Kinsta giúp bạn được bao phủ bởi tốc độ đáng kinh ngạc, bảo mật hiện đại và tự động mở rộng quy mô. Kiểm tra các kế hoạch của chúng tôi
Ví dụ: nếu một plugin thêm các yêu cầu của bên thứ ba của riêng nó (như plugin AddThis ở trên), bạn có thể xóa nó và sử dụng thứ gì đó tối ưu hơn.
Đối với video YouTube, bạn có thể tải chúng một cách chậm rãi và thay thế tải trang ban đầu bằng hình thu nhỏ hình ảnh. Điều này sẽ trì hoãn việc thêm các yêu cầu HTTP đó cho đến khi khách truy cập muốn phát video.
Đối với các tập lệnh của bên thứ ba cần thiết, như Google Analytics hoặc Facebook Pixel, bạn có thể thử nghiệm với việc lưu trữ các tập lệnh đó cục bộ.
WP Rocket có các tiện ích bổ sung được tích hợp sẵn để lưu trữ cục bộ Google Analytics và Facebook Pixel hoặc bạn có thể sử dụng một plugin như CAOS (Complete Analytics Optimization Suite).
Chúng tôi cũng có một số hướng dẫn có thể giúp ích:
- Cách lưu trữ phông chữ cục bộ
- Cách lưu trữ Google Analytics cục bộ
9. Kết hợp Hình ảnh với CSS Sprites
Tại thời điểm này, hy vọng bạn có thể thực hiện ít yêu cầu HTTP hơn từ trang web của mình. Bây giờ, đã đến lúc làm thế nào để kết hợp các yêu cầu HTTP vẫn còn, bắt đầu với hình ảnh.
Một cách khác để tối ưu hóa hình ảnh trên trang web của bạn là kết hợp các hình ảnh riêng biệt thành một tệp hình ảnh duy nhất. Sau đó, bạn có thể sử dụng CSS để chỉ hiển thị một phần của tệp hình ảnh đó nếu cần. Đây là một chiến thuật được gọi là CSS sprites .
CSS sprites hoạt động tốt nhất cho các hình ảnh trang trí như các biến thể logo hoặc biểu tượng. Bạn không nên sử dụng CSS sprites cho hình ảnh thông tin (như hình ảnh trong phần nội dung của bài đăng trên blog) vì có hai nhược điểm lớn:
- SEO – bởi vì bạn đang kết hợp các hình ảnh thành một tệp hình ảnh, bạn không thể xếp hạng các hình ảnh riêng lẻ trong Google Tìm kiếm.
- Khả năng truy cập – vì bạn không thể thêm văn bản thay thế vào hình ảnh, những người có trình đọc màn hình sẽ không thể hiểu hình ảnh được tải bằng CSS sprite (mặc dù có một số chiến thuật để khắc phục điều này).
Nếu bạn vẫn còn bối rối về chủ đề này, đây là một ví dụ về tệp CSS sprite của Amazon – bạn có thể xem cách nó bao gồm một loạt các biến thể logo, cũng như một số biểu tượng. Amazon sử dụng CSS để đảm bảo rằng chỉ “phần” có liên quan của tệp hình ảnh đó hiển thị ở mỗi vị trí:

Thật không may, không có plugin WordPress “thiết lập và quên nó” cho CSS sprites. Tuy nhiên, bạn có thể tìm thấy các công cụ để trợ giúp, như Công cụ CSS Sprite này:
- Tải lên các hình ảnh mà bạn muốn kết hợp vào công cụ.
- Sau đó, công cụ sẽ cung cấp cho bạn một tệp hình ảnh kết hợp, cùng với một số mã CSS cho mỗi hình ảnh mà bạn đã tải lên.
- Tải tệp hình ảnh kết hợp lên trang web WordPress của bạn.
- Sử dụng mã CSS để hiển thị hình ảnh trong nội dung của bạn. CSS được cung cấp sẽ tự động chỉ chọn phần thích hợp của tệp hình ảnh được kết hợp.
10. Kết hợp các tệp CSS và JavaScript
Giữa chủ đề WordPress và các plugin của bạn, trang web của bạn có thể sẽ tải nhiều tệp định kiểu CSS và tệp JavaScript, có nghĩa là nhiều yêu cầu HTTP chỉ để trình duyệt tải xuống CSS và JavaScript mà nó cần để hiển thị trang.
Để giảm tất cả các yêu cầu riêng biệt này, bạn có thể kết hợp các tệp / bảng định kiểu riêng biệt này thành một tệp / biểu định kiểu duy nhất. Đây được gọi là kết hợp tệp hoặc nối tệp , tùy thuộc vào công cụ bạn đang sử dụng.
Nhiều plugin bộ nhớ đệm của WordPress bao gồm các tính năng kết hợp các tệp CSS và JavaScript. Ví dụ: WP Rocket, mà bạn có thể sử dụng tại Kinsta, cho phép bạn bật cả hai chỉ với một vài cú nhấp chuột.
Chuyển đến tab Tối ưu hóa tệp trong cài đặt của WP Rocket. Sau đó, bật tính năng thu nhỏ và sau đó kết hợp các tệp:

Để có cái nhìn chi tiết hơn, hãy xem hướng dẫn đầy đủ về WP Rocket của chúng tôi.
Bạn cũng có thể sử dụng Autoptimize để kết hợp các tệp CSS và JavaScript. Để kết hợp các tệp, đi tới Cài đặt → Tự động tối ưu hóa và chọn các tùy chọn để:
- Tệp JS tổng hợp
- Tệp CSS tổng hợp
Để có cái nhìn chi tiết hơn, hãy xem toàn bộ hướng dẫn Tự động tối ưu hóa của chúng tôi.
Lợi ích của việc kết hợp tệp ít rõ ràng hơn với HTTP / 2, đó là những gì trang web của bạn sử dụng nếu bạn lưu trữ tại Kinsta. HTTP / 2 được thiết kế để chuyển nhiều tệp nhỏ hiệu quả hơn, có nghĩa là có ít sự khác biệt giữa một tệp CSS / JS lớn và nhiều tệp nhỏ.
Về cơ bản, nếu bạn đang lưu trữ tại Kinsta, bạn có thể không cần thực hiện bước này để cải thiện thời gian tải trang của mình. Đó là bởi vì khách hàng của Kinsta có thể truy cập tính năng thu nhỏ mã trực tiếp trong bảng điều khiển MyKinsta của họ. Điều này sẽ giúp tăng cường tối ưu hóa tổng thể bằng cách cho phép khách hàng kích hoạt tính năng thu nhỏ CSS và JavaScript tự động chỉ với một cú nhấp chuột đơn giản.
Chúng tôi khuyên bạn vẫn nên thử nghiệm nó vì nó vẫn có thể có lợi cho một số trang web, nhưng bạn cũng có thể không nhận thấy bất kỳ sự khác biệt nào về thời gian tải trang thực.
Tuy nhiên, nhiều công cụ kiểm tra hiệu suất như GTmetrix vẫn không nhận ra HTTP / 2, vì vậy GTmetrix vẫn có thể hiển thị thông báo “Thực hiện ít yêu cầu HTTP hơn” và giảm điểm của bạn. Tuy nhiên, hãy nhớ rằng – điểm số không quan trọng bằng thời gian tải trang thực.
11. Trì hoãn Render-Blocking JavaScript
Trì hoãn JavaScript chặn hiển thị không loại bỏ các yêu cầu HTTP. Tuy nhiên, nó đang tối ưu hóa cách chúng tải, điều này có thể có tác động tương tự đến thời gian tải cảm nhận của trang web của bạn.
Nó cũng có thể giúp với thông báo “tránh xâu chuỗi các yêu cầu quan trọng” trong Google PageSpeed Insights / Lighthouse.
Bằng cách trì hoãn các yêu cầu đối với các tệp nhất định hoặc tải chúng không đồng bộ, bạn có thể ngăn một số tài nguyên không quan trọng nhất định “chặn” các tài nguyên cần thiết để tải nhanh phần hiển thị của trang web của bạn.
Để biết thêm về lý do tại sao điều này xảy ra, bạn có thể đọc hướng dẫn của chúng tôi về cách hiểu đường dẫn hiển thị quan trọng của một trang web.
Sau đó, bạn có thể làm theo hướng dẫn chi tiết của chúng tôi để loại bỏ các tài nguyên chặn hiển thị trên WordPress.
Các plugin WordPress tốt nhất để thực hiện ít yêu cầu HTTP hơn
Nếu bạn đang tìm kiếm một số plugin WordPress “tất cả trong một” để thực hiện ít yêu cầu HTTP hơn, chúng tôi khuyên bạn nên sử dụng hai trong số các plugin từ hướng dẫn ở trên:
- Tên lửa WP
- Người hoàn hảo
Mặc dù bạn vẫn cần phải đánh giá thủ công chủ đề và plugin của mình để xem liệu chúng có thực hiện quá nhiều yêu cầu HTTP hay không, cả hai plugin này đều có thể giúp bạn tối ưu hóa mọi thứ còn lại trên trang web của mình sau khi bạn đã hoàn thành việc dọn dẹp.
Bản tóm tắt
Mỗi tài nguyên riêng biệt trên trang web của bạn sẽ thêm một yêu cầu HTTP. Một hình ảnh là một yêu cầu HTTP, một biểu định kiểu CSS là một yêu cầu HTTP, một tệp phông chữ là một yêu cầu HTTP, v.v.
Nếu bạn đang sử dụng WordPress, chủ đề của bạn chắc chắn sẽ thêm các yêu cầu HTTP của riêng nó và nhiều plugin cũng thêm các yêu cầu HTTP của riêng chúng. Bạn cũng sẽ có các yêu cầu HTTP từ bất kỳ hình ảnh nào bạn sử dụng và các tập lệnh của bên thứ ba mà bạn thêm vào (chẳng hạn như các công cụ phân tích).
Yêu cầu HTTP nhiều hơn và / hoặc lớn hơn sẽ dẫn đến trang web chậm hơn. Đây là lý do tại sao bạn sẽ thường thấy các thông báo như “tạo ít yêu cầu HTTP hơn” hoặc “tối ưu hóa yêu cầu HTTP” hoặc “tránh chuỗi các yêu cầu quan trọng” khi bạn sử dụng các công cụ kiểm tra tốc độ như GTmetrix hoặc PageSpeed Insights.
Để giảm số lượng yêu cầu HTTP trên trang web của bạn, bạn có thể làm theo các bước mà chúng tôi đã trình bày chi tiết ở trên.
Bạn vẫn có bất kỳ câu hỏi nào về cách tạo ít yêu cầu HTTP hơn trong WordPress? Hãy cho chúng tôi biết trong phần bình luận!
Tiết kiệm thời gian, chi phí và tối đa hóa hiệu suất trang web với:
- Trợ giúp tức thì từ các chuyên gia lưu trữ WordPress, 24/7.
- Tích hợp Cloudflare Enterprise.
- Tiếp cận khán giả toàn cầu với 34 trung tâm dữ liệu trên toàn thế giới.
- Tối ưu hóa với Giám sát Hiệu suất Ứng dụng được tích hợp sẵn của chúng tôi.
Tất cả những điều đó và hơn thế nữa, trong một kế hoạch không có hợp đồng dài hạn, hỗ trợ di chuyển và đảm bảo hoàn tiền trong 30 ngày. Kiểm tra các kế hoạch của chúng tôi hoặc nói chuyện với bộ phận bán hàng để tìm ra kế hoạch phù hợp với bạn.