15 thủ thuật tăng tốc WordPress 2023

Tăng tốc WordPress là điều cần thiết cho sự tương tác của người dùng và hiệu suất SEO. Các công cụ tìm kiếm lớn như Google và Bing ưu tiên tốc độ tải trang, khiến tốc độ tải trang trở thành một trong những yếu tố quan trọng nhất của trang web quyết định sự thành công của trang web của bạn. Tối ưu hóa tốc độ trang web bao gồm một loạt các phương pháp tập trung vào việc nâng cao tốc độ tải trang web. Nó liên quan đến việc tinh chỉnh mã, định cấu hình cài đặt máy chủ và tối ưu hóa các yếu tố thiết kế để mang lại trải nghiệm người dùng hợp lý 

Tốc độ tải trang web nhanh là rất quan trọng để nâng cao trải nghiệm người dùng và tăng thứ hạng của công cụ tìm kiếm. Khi trang web của bạn tải nhanh, nó sẽ giữ chân khách truy cập lâu hơn, giúp bạn tăng tỷ lệ chuyển đổi và cải thiện hoạt động kinh doanh. Các yếu tố như hiệu suất máy chủ, chất lượng code, kích thước hình ảnh và việc sử dụng plugin hoặc tập lệnh bên ngoài có thể ảnh hưởng đến tốc độ trang web. Tối ưu hóa các yếu tố này có thể

Để giúp bạn cải thiện thời gian tải trang, chúng tôi đã tuyển chọn danh sách 15 thủ thuật tối ưu hóa tốc độ tải trang WordPress hàng đầu để đảm bảo trang web có hiệu suất cao.

1. Nén hình ảnh của bạn

Hình ảnh có thể làm cho nội dung trang web của bạn hấp dẫn hơn. Tuy nhiên, chúng thường chiếm một phần khá lớn trong kích thước trang web. Điều này đặc biệt đúng đối với những hình ảnh lớn, độ phân giải cao, có thể làm chậm đáng kể tốc độ tải trang và làm nản lòng những người dùng muốn truy cập nhanh vào nội dung web. Các nhà phát triển và thiết kế web giải quyết vấn đề này bằng cách sử dụng các công cụ nén hình ảnh như ImageOptim hoặc TinyPNG trước khi upload.

Những công cụ nén hình ảnh có thể giảm đáng kể kích thước tệp hình ảnh của bạn mà không làm giảm chất lượng, đảm bảo tốc độ trang nhanh hơn.

Một giải pháp phổ biến khác là chọn định dạng hình ảnh tốt nhất cho đúng mục đích. Các định dạng hình ảnh khác nhau có những ưu điểm khác nhau:

• JPEG lý tưởng cho những bức ảnh có màu sắc đa dạng là rất quan trọng.
• PNG phù hợp với những hình ảnh yêu cầu đường nét rõ ràng và sắc nét hơn.
• Các định dạng mới như WebP và JPEG lũy tiến cung cấp thời gian tải nhanh hơn, chất lượng cao hơn và kích thước tệp nhỏ hơn.

Bây giờ chúng ta hãy đi sâu vào một số biện pháp nâng cao để tinh chỉnh thêm các chiến lược tối ưu hóa hình ảnh của bạn :

• Sử dụng CS: tối ưu hóa các hình ảnh nhỏ thường được sử dụng trên trang web của bạn, như các biểu tượng và cân nhắc sử dụng các hình ảnh CSS. Kỹ thuật này cho phép bạn kết hợp nhiều hình ảnh vào một tệp duy nhất, giảm số lượng yêu cầu HTTP.
• Làm cho hình ảnh phản hồi nhanh: sử dụng thuộc tính srcset trong HTML để cung cấp các tệp hình ảnh khác nhau cho các kích thước và độ phân giải màn hình khác nhau, giúp bạn tối ưu hóa trải nghiệm xem cho tất cả khách truy cập trang web.
• Ưu tiên nội dung trong màn hình đầu tiên (ATF): để có thời gian tải nhanh hơn, hãy tải hình ảnh xuất hiện trong màn hình đầu tiên trước tiên. Bạn có thể sử dụng tính năng tải không đồng bộ để ưu tiên những hình ảnh này.
• Sử dụng hình ảnh tải từng phần: ghép nối ATF của bạn với tải từng phần để tải hình ảnh khi người dùng cuộn, tiết kiệm cả băng thông máy chủ và người dùng.
• Tối ưu hóa văn bản và tiêu đề thay thế: kết hợp tiêu đề hình ảnh và văn bản thay thế mang tính mô tả là một trong những chiến lược tối ưu hóa trang web quan trọng để cải thiện tối ưu hóa công cụ tìm kiếm (SEO) và khả năng truy cập.
• Giảm việc sử dụng văn bản dựa trên hình ảnh: sử dụng kiểu CSS và phông chữ web cho các hiệu ứng văn bản trực quan thay vì nhúng văn bản vào hình ảnh để giảm bất kỳ trọng lượng không cần thiết nào trên trang của bạn.

2. Không lưu trữ video trên Hosting

Các tệp video lớn có thể làm tốn tài nguyên máy chủ, gây ra các vấn đề tiềm ẩn về hiệu suất trang web khi được lưu trữ cục bộ. Vì vậy, việc khám phá các phương pháp nén tệp và giải pháp lưu trữ được tối ưu hóa là rất quan trọng.

Các nền tảng phổ biến như YouTube hoặc Vimeo là lý tưởng nhờ khả năng phát trực tuyến liền mạch và trải nghiệm người dùng được cải thiện. Tuy nhiên, các doanh nghiệp muốn có nhiều quyền kiểm soát hơn đối với nội dung của mình thường lựa chọn các dịch vụ dựa trên đám mây như AWS S3.

Dưới đây là một số bước bổ sung mà bạn có thể thực hiện để nâng cao nỗ lực tối ưu hóa video của mình:

• Nén video: sử dụng các công cụ như HandBrake hoặc Adobe Premiere Pro để giảm kích thước tệp mà không ảnh hưởng đến chất lượng video.
• Cung cấp các định dạng khác nhau cho nhiều thiết bị: đảm bảo video của bạn thích ứng với nhiều thiết bị và kích thước màn hình khác nhau. Nền tảng lưu trữ video cung cấp tính năng này bằng cách cung cấp phiên bản video phù hợp nhất dựa trên thiết bị của người dùng.
• Chỉ định tham số video: khi nhúng video, hãy chỉ định các tham số, chẳng hạn như chiều cao, chiều rộng và điều khiển để đảm bảo hiển thị chính xác và người dùng dễ dàng thao tác.
• Làm cho độ phân giải video có thể mở rộng: tận dụng các kỹ thuật thiết kế web đáp ứng để đảm bảo rằng video có tỷ lệ phù hợp với các kích thước và hướng màn hình khác nhau.
• Tạo tốc độ bit thích ứng: triển khai truyền phát tốc độ bit thích ứng để điều chỉnh chất lượng video trong thời gian thực tùy theo điều kiện mạng của người xem.
• Bật tính năng lazy load: chỉ tải video khi người dùng cuộn, nâng cao thời gian tải trang ban đầu.
• Bật tính năng preload – đảm bảo phát lại mượt mà hơn đối với các video quan trọng mà bạn muốn khách truy cập xem bằng cách tải trước tất cả video.

3. Sử dụng gói lưu trữ chất lượng

Nhà cung cấp dịch vụ lưu trữ của bạn đóng một vai trò quan trọng trong việc trang web của bạn hoạt động tốt như thế nào. Máy chủ chậm có thể ảnh hưởng đến trải nghiệm người dùng và tác động tiêu cực đến hiệu suất trang web của bạn bằng cách khiến trang web tải chậm. Vì vậy, bạn phải chọn các dịch vụ lưu trữ được thiết kế riêng để có tốc độ cao và hiệu suất không bị gián đoạn.

Hãy cùng điểm qua một số tính năng của chúng tôi để nâng cao tốc độ trang web:

• Ổ đĩa thể rắn (SSD): Hostinger sử dụng bộ lưu trữ SSD để mang lại khả năng truy xuất dữ liệu nhanh hơn so với ổ cứng truyền thống.
• Máy chủ được tối ưu hóa: máy chủ chuyên dụng của chúng tôi được tối ưu hóa cho các hệ thống quản lý nội dung hàng đầu như WordPress, đảm bảo thời gian tải nhanh hơn ngay lập tức.
• CDN miễn phí: CDN của Cloudflare giúp giảm thời gian tìm nạp tài nguyên để giải quyết các yêu cầu của người dùng một cách hiệu quả.
• Công nghệ mới nhất: Có thể tận dụng máy chủ web LiteSpeed ​​và bộ đệm đối tượng trên tất cả các gói lưu trữ web của mình để đảm bảo trang web của bạn tải nhanh chóng.
• Băng thông không giới hạn: truyền dữ liệu không giới hạn và dễ dàng đáp ứng lưu lượng truy cập web cao.
• Công cụ kiểm tra tốc độ trang web: chọn từ bộ công cụ giám sát tốc độ trang web để đơn giản hóa nỗ lực tối ưu hóa của bạn.

4. Tránh quá nhiều ảnh động

Hoạt ảnh có thể thêm lớp động và tương tác vào trang web của bạn, nhưng phải trả giá bằng tốc độ và tài nguyên của webserver. Hoạt ảnh phức tạp có thể có yêu cầu đặc biệt cao, đòi hỏi nhiều tài nguyên hơn để hiển thị mượt mà.

Nếu không được xử lý cẩn thận, ảnh động có thể làm chậm trang web, đặc biệt đối với khách truy cập sử dụng thiết bị cũ hơn hoặc có kết nối mạng chậm. Vì vậy, bạn cần chọn lọc hơn các ảnh động để đảm bảo khả năng sử dụng trang web tốt hơn.

Phải làm gì:

• Ưu tiên các hoạt ảnh cần thiết: chỉ thêm những hoạt ảnh mang lại giá trị thực sự cho trang web để mang lại trải nghiệm cho người dùng và loại bỏ phần còn lại.
• Chọn các tùy chọn nhẹ: nếu có thể, hãy chọn các tùy chọn hoạt ảnh nhẹ. Ví dụ: hoạt ảnh CSS thường nhẹ hơn hoạt ảnh dựa trên JavaScript.
• Tối ưu hóa mã: nếu bạn đang sử dụng hoạt ảnh tùy chỉnh, hãy đảm bảo mã rõ ràng và hợp lý nhất có thể. Mã cồng kềnh có thể làm chậm tốc độ trang web của bạn một cách không cần thiết.
• Kiểm tra hiệu suất: trước khi hoàn thiện thiết kế, hãy kiểm tra xem hoạt ảnh của bạn tác động đến tốc độ trang web như thế nào. Thực hiện thử nghiệm A/B bằng các công cụ kiểm tra tốc độ trang web như GTmetrix để hiểu hoạt ảnh tác động như thế nào đến thời gian tải trang web.

5. Tối ưu hóa mã của bạn

Tối ưu hóa mã là một phần không thể thiếu trong việc tối ưu hóa tốc độ trang web. Khi mã trang web của bạn rõ ràng, được tổ chức tốt và được giảm thiểu, nó có thể giảm đáng kể thời gian tải trang.

Quá trình này bao gồm một loạt chiến lược, bao gồm giảm kích thước mã, loại bỏ các phần không sử dụng và giảm thiểu số lượng yêu cầu máy chủ mà trang web của bạn thực hiện.

Hãy đi sâu vào chi tiết cụ thể:

Giảm thiểu kích thước mã

Mã của bạn càng được sắp xếp hợp lý thì trang web của bạn sẽ tải càng nhanh. Để đạt được điều này, bạn có thể sử dụng các công cụ thu nhỏ để loại bỏ các ký tự không cần thiết, như dấu cách và nhận xét mà không ảnh hưởng đến chức năng của mã.

Chẳng hạn, UglifyJS là một công cụ tuyệt vời để thu nhỏ các tệp JavaScript, giúp chúng tải nhẹ hơn và nhanh hơn.

Mặt khác, CSSNano là một công cụ chuyên dụng tập trung vào việc giảm thiểu các tệp CSS, điều này có thể giúp thời gian tải biểu định kiểu nhanh hơn.

Xóa mã không sử dụng

Một cách hiệu quả khác để thực hiện tối ưu hóa tốc độ mã là loại bỏ mã không sử dụng hoặc dư thừa. Gỡ cài đặt hoặc xóa plugin hoặc thư viện bạn không còn sử dụng.

Các gói JavaScript hiện đại như Webpack tích hợp các công cụ phát triển trang web, chẳng hạn như PurifyCSS, để xác định và xóa mã không sử dụng bằng các kỹ thuật như tree-shaking để đảm bảo hiệu suất trang web tối ưu.

Giảm yêu cầu máy chủ

Mỗi thành phần trên một trang web, từ hình ảnh đến tập lệnh, đều yêu cầu máy chủ yêu cầu. Máy chủ của bạn càng phải thực hiện nhiều yêu cầu thì tốc độ trang càng chậm.

Để giảm bớt những yêu cầu này, bạn có thể:

• Sử dụng CSS sprite để kết hợp nhiều hình ảnh thành một hình ảnh duy nhất và sử dụng CSS để hiển thị các phần của hình ảnh đó nếu cần.
• Nội tuyến các tệp JavaScript và CSS nhỏ vào tài liệu HTML của bạn để tránh các yêu cầu bổ sung.
• Hạn chế sử dụng các plugin và tiện ích của bên thứ ba tạo ra các yêu cầu máy chủ bổ sung.

6. Sử dụng cache từ webserver

Bộ nhớ đệm các tệp ở phía máy chủ là một kỹ thuật tối ưu hóa tốc độ trang quan trọng. Khi người dùng truy cập một trang web, máy chủ sẽ nhận được yêu cầu tìm nạp các tệp cần thiết. Các tệp này có thể bao gồm tài liệu HTML, hình ảnh và tệp CSS và JavaScript.

Yêu cầu máy chủ mới được tạo mỗi khi bạn truy cập hoặc làm mới một trang web mà không lưu vào bộ nhớ đệm của máy chủ, dẫn đến thời gian tải chậm.

Với kỹ thuật này, bạn có thể lưu trữ tạm thời các tệp tĩnh và các thành phần trang web trên máy chủ. Khi người dùng truy cập trang web tạo ra nhiều yêu cầu, máy chủ sẽ gửi các tệp được lưu trong bộ nhớ đệm này tới trình duyệt của họ, giúp tăng tốc trang web.

7. Giảm thiểu tài nguyên bên thứ 3

Các tài nguyên bên thứ 3 như tập lệnh và plugin có thể nâng cao chức năng và sự hấp dẫn trực quan của trang web nhưng cũng có thể cản trở hiệu suất của trang web.

Những tài nguyên này cần nhiều yêu cầu máy chủ hơn, làm tăng thời gian tải trang web của bạn.

Ví dụ: các tiện ích truyền thông xã hội, chatbot, công cụ phân tích hoặc video nhúng có thể tăng số lượng yêu cầu máy chủ riêng lẻ. Khi kết hợp lại, tác động có thể rất lớn, dẫn đến thời gian tải chậm và trải nghiệm người dùng kém.

Phải làm gì:

• Kiểm tra tài nguyên của bạn: thường xuyên xem xét tất cả các tập lệnh, plugin và tài nguyên khác của bên thứ ba để đảm bảo chúng cần thiết cho chức năng hoặc trải nghiệm người dùng của trang web của bạn. Loại bỏ hoặc thay thế bất kỳ thứ gì không cần thiết hoặc lỗi thời.
• Ưu tiên những thứ cần thiết: tải các tập lệnh trang web quan trọng không đồng bộ hoặc trì hoãn chúng cho đến khi tải nội dung chính. Điều này ưu tiên khả năng truy cập nhanh chóng vào nội dung chính cho người dùng.
• Chọn lưu trữ cục bộ: nếu có thể, lưu trữ phông chữ, hình ảnh và các tài nguyên khác cục bộ thay vì liên kết với máy chủ bên ngoài. Điều này làm giảm việc tra cứu DNS và cải thiện khả năng phản hồi của trang web.
• Kiểm tra: sử dụng các công cụ kiểm tra tốc độ để phân tích hiệu suất trang web và xác định các tài nguyên bên ngoài chậm hoặc tốn nhiều tài nguyên.

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

Tải từng phần là một kỹ thuật tối ưu hóa hiệu suất giúp trì hoãn việc tải các tài nguyên không quan trọng như hình ảnh và video cho đến khi chúng thực sự cần thiết.

Nói một cách đơn giản hơn, thay vì tải tất cả nội dung đồng thời khi một trang được truy cập, tải chậm đảm bảo rằng ban đầu chỉ tải nội dung hiển thị cho người dùng. Nội dung bổ sung được tìm nạp và hiển thị khi người dùng cuộn xuống trang.

Kỹ thuật này cải thiện thời gian tải ban đầu của trang web, mang lại lợi ích cho người dùng có kết nối Internet chậm hơn hoặc thiết bị cũ hơn.

Dưới đây là những gì bạn có thể làm để triển khai tải từng phần một cách hiệu quả:

• Xác định các ứng cử viên cho việc tải chậm: bước đầu tiên là xác định những thành phần nào trên trang của bạn có thể bị lười tải. Thông thường, hình ảnh, video và iframe là những ứng cử viên sáng giá nhất.
• Sử dụng tải từng phần riêng: các trình duyệt hiện đại hỗ trợ tải từng phần riêng với thuộc tính loading=”lazy” có thể được thêm trực tiếp vào các phần tử HTML như hình ảnh và iframe.
• Triển khai các thư viện JavaScript: để có các giải pháp nâng cao hoặc tùy chỉnh hơn, bạn có thể sử dụng các thư viện JavaScript như lozad.js hoặc lười biếng để triển khai tải từng phần.
• Kiểm tra và xác thực: sau khi triển khai tải từng phần, hãy kiểm tra kỹ lưỡng trang web của bạn để đảm bảo nội dung được tải chính xác và không có vấn đề gì với việc thay đổi bố cục, chức năng và hiệu suất tổng thể.
• Theo dõi hiệu suất: thường xuyên kiểm tra tốc độ và số liệu hiệu suất của trang web của bạn để đảm bảo rằng việc tải chậm có tác động tích cực đến thời gian tải.

9. Giảm thiểu yêu cầu HTTP

Số lượng yêu cầu HTTP được gửi tới máy chủ ảnh hưởng lớn đến tốc độ trang web của bạn. Những yêu cầu này xảy ra khi trình duyệt của bạn yêu cầu các tài nguyên như hình ảnh, biểu định kiểu hoặc tập lệnh.

Mặc dù mỗi yêu cầu HTTP sẽ tăng thêm một lượng nhỏ chi phí vào thời gian tải trang của bạn, nhưng trang web của bạn có thể trở nên chậm chạp đáng kể khi số lượng yêu cầu tích lũy.

Dưới đây là một số mẹo để giảm thiểu yêu cầu HTTP:

• Kết hợp nhiều bảng định kiểu: thay vì sử dụng nhiều tệp CSS, hãy hợp nhất chúng thành một.
• Sử dụng CSS sprite: CSS image sprite là một tệp hình ảnh duy nhất có nhiều hình ảnh nhỏ hơn. Sử dụng định vị CSS để hiển thị các phần hình ảnh sprite khi cần, giảm tải tệp hình ảnh.
• Giảm thiểu tập lệnh: giữ mã JavaScript và jQuery của bạn ngắn gọn và tải chúng không đồng bộ bằng cách thêm thuộc tính không đồng bộ hoặc trì hoãn vào thẻ tập lệnh nếu việc hiển thị ngay lập tức là không cần thiết.
• Nội tuyến các tài nguyên nhỏ: đối với các hình ảnh nhỏ hoặc các tập lệnh và kiểu ngắn, bạn có thể nội tuyến chúng trong HTML của mình. Nhưng hãy sử dụng kỹ thuật này một cách tiết kiệm vì nó có thể làm cho tài liệu HTML của bạn trở nên cồng kềnh nếu sử dụng quá mức.

10. Sử dụng CDN

Mạng phân phối nội dung (CDN) là một công cụ mạnh mẽ để cải thiện tốc độ trang web. Nó lưu trữ các bản sao trang web trên nhiều máy chủ trải rộng trên các vị trí địa lý khác nhau.

Khi người dùng truy cập trang web của bạn, CDN sẽ cung cấp nội dung từ máy chủ gần nhất, giảm thời gian truyền dữ liệu qua internet.

11. Kích hoạt tính năng nén GZIP

Việc bật tính năng nén GZIP sẽ giảm lượng dữ liệu được truyền giữa máy chủ trang web của bạn và trình duyệt của khách hàng. Kỹ thuật này nén các tệp HTML, CSS và JavaScript của bạn thành tệp ZIP có phần mở rộng .gz , có kích thước nhỏ hơn đáng kể.

Khi người dùng truy cập trang web của bạn, các tệp nén sẽ được gửi đến trình duyệt của họ, sau đó trình duyệt sẽ trích xuất chúng để hiển thị trên cửa sổ.

Dưới đây là một số lợi ích của việc sử dụng tính năng nén GZIP:

• Mã nguồn mở và miễn phí: GZIP được phát triển như một giải pháp thay thế cho các phương pháp nén độc quyền.
• Hiệu quả: nhẹ, yêu cầu sức mạnh tính toán tối thiểu và lưu trữ tạm thời.
• Tỷ lệ nén cao: giảm kích thước tệp tới 90% , với mức trung bình khoảng 70% đối với các tệp dựa trên văn bản.
• Tốc độ: GZIP cung cấp tốc độ nén và giải nén nhanh chóng, vượt trội so với nhiều đối thủ như Brotli và BZIP2.

12. Kích hoạt Keep-Alive

Keep-Alive là một tính năng cho phép gửi nhiều yêu cầu và phản hồi HTTP qua một kết nối TCP.

Kỹ thuật này loại bỏ nhu cầu thiết lập kết nối mới cho mỗi yêu cầu, giúp việc truyền dữ liệu hiệu quả hơn và cải thiện tốc độ trang web của bạn.

Giảm chi phí liên quan đến mỗi kết nối mới mang lại một số lợi ích:

• Loại bỏ độ trễ: mỗi kết nối có cái gọi là quy trình bắt tay ba chiều, thêm độ trễ. Kích hoạt Keep-Alive sẽ giảm thiểu điều này bằng cách sử dụng lại các kết nối hiện có.
• Giảm tải máy chủ: cần ít năng lượng tính toán hơn để quản lý ít kết nối hơn, giúp máy chủ hoạt động hiệu quả hơn.
• Tăng tốc độ tải trang web: ít kết nối hơn đồng nghĩa với việc dành ít thời gian hơn cho thiết lập ban đầu, giúp người dùng cuối tải trang nhanh hơn.

13. Sử dụng AMP (Trang di động tăng tốc)

Trang di động tăng tốc (AMP) là khung HTML nguồn mở được thiết kế bởi Google để nâng cao hiệu suất trang web trên các thiết bị di động.

AMP đạt được tốc độ tải trang nhanh chóng bằng cách hợp lý hóa các phần tử HTML, CSS và JavaScript, mang lại trải nghiệm duyệt web mượt mà cho người dùng Internet di động.

Khung này loại bỏ các thành phần của trang web thành các thành phần thiết yếu nhất, đảm bảo rằng nội dung tải gần như ngay lập tức trên thiết bị di động.

Đây là một trong những chiến lược tối ưu hóa tốc độ quan trọng nhất để thu hút người dùng di động và giảm tỷ lệ thoát.

Dưới đây là một số lợi ích của việc triển khai AMP:

• Cải thiện SEO: xếp hạng cao hơn trong công cụ tìm kiếm, vì Google Tìm kiếm ưu tiên các trang tải nhanh hơn.
• Tăng khả năng hiển thị và hiển thị: xuất hiện trên băng chuyền Câu chuyện hàng đầu của Google. Điều này tăng cường khả năng hiển thị trang web, hiển thị nó cho nhiều người dùng di động hơn.
• Giảm chi phí băng thông: Các trang AMP nhỏ hơn và hiệu quả hơn, giúp bạn tiết kiệm chi phí băng thông.
• Cải thiện trải nghiệm người dùng: giảm thiểu thời gian tải trang, đảm bảo trải nghiệm người dùng nhất quán và sự hài lòng của khách hàng tốt hơn.

14. Tận dụng cache trình duyệt

Tận dụng bộ nhớ đệm của trình duyệt là một kỹ thuật lưu trữ cục bộ các tài nguyên được truy cập thường xuyên, chẳng hạn như hình ảnh, CSS và tệp JavaScript, trên trình duyệt của người dùng. Điều này làm giảm nhu cầu tìm nạp các tài nguyên này từ máy chủ nhiều lần, cải thiện tốc độ trang web của bạn.

Khi khách truy cập vào trang web của bạn, trình duyệt của họ sẽ lưu trữ và tải xuống tài nguyên. Việc đặt ngày hết hạn cho các tài nguyên này sẽ hướng dẫn trình duyệt lưu giữ các tệp trong bao lâu trước khi tìm nạp phiên bản mới từ máy chủ.

Có hai cách chính để đặt ngày hết hạn cho tài nguyên:

Sử dụng tiêu đề HTTP

Để đặt ngày hết hạn cho tài nguyên, hãy thêm tiêu đề HTTP sau vào mỗi phản hồi:

Cache-Control: max-age=<seconds>

Ở đây, <seconds> là số giây dành cho bộ đệm của trình duyệt. Ví dụ: để đặt ngày hết hạn là 1 tháng, bạn có thể sử dụng tiêu đề HTTP này:

Cache-Control: max-age=2592000

Sử dụng tệp .htaccess

Ngoài ra, bạn có thể đặt ngày hết hạn cho tài nguyên bằng tệp .htaccess. Để thực hiện việc này, hãy thêm các dòng sau vào tệp:

Expires <date>

Chỉ định <date> làm ngày và giờ hết hạn của tài nguyên trong trình duyệt.

15. Giảm số lượng chuyển hướng

Mặc dù chuyển hướng phục vụ các mục đích hữu ích như bảo toàn cấu trúc trang web trong quá trình thiết kế lại hoặc hướng dẫn khách truy cập đến nội dung mới nhất nhưng chúng cũng có thể gây hại cho nỗ lực tối ưu hóa hiệu suất web của bạn.

Mỗi chuyển hướng sẽ kích hoạt một yêu cầu máy chủ bổ sung, tăng thời gian tải trang web.

Dưới đây là một số mẹo để giảm chuyển hướng:

• Kiểm tra các chuyển hướng của bạn: sử dụng các công cụ kiểm tra hiệu suất trang web để xác định các chuyển hướng không cần thiết. Hãy xem xét loại bỏ hoặc cập nhật chúng.
• Sử dụng liên kết trực tiếp: luôn sử dụng liên kết trực tiếp trong nội dung và điều hướng của bạn để tránh chuyển hướng không cần thiết.
• Giới hạn chuỗi: cố gắng giảm thiểu chuỗi chuyển hướng, trong đó chuyển hướng này dẫn đến chuyển hướng khác, vì những chuỗi này có thể làm chậm đáng kể trang web.
• Tạm thời và vĩnh viễn: chỉ sử dụng chuyển hướng trang web tạm thời 302 khi thực sự cần thiết. Hãy chọn chuyển hướng 301 vĩnh viễn khi bạn có thể, vì chúng nhanh hơn.

Tóm tắt

Tối ưu hóa tốc độ tải trang không chỉ là nhiệm vụ một lần. Đó là một quá trình diễn ra liên tục đòi hỏi sự chú ý đến nhiều thành phần khác nhau, từ việc lưu trữ và cài đặt máy chủ cho đến thực hành mã hóa. Trong đó, chọn một nhà cung cấp dịch vụ lưu trữ web ưu tiên tối ưu hóa tốc độ là rất quan trọng.

Dưới đây là bốn mẹo tối ưu hóa trang web chính bổ sung cho dịch vụ lưu trữ web tốc độ cao của Hostinger:

• Tối ưu hóa mã của bạn: hợp lý hóa các tệp JavaScript và CSS bằng các công cụ như UglifyJS và CSSNano.
• Tận dụng bộ nhớ đệm trang web: đặt ngày hết hạn cho các tài nguyên như hình ảnh và tập lệnh để tăng thời gian tải cho khách truy cập quay lại.
• Sử dụng CDN: mạng phân phối nội dung (CDN) phân phối tải, tiết kiệm băng thông và tăng tốc độ truy cập của người dùng.
• Sử dụng AMP: triển khai các trang di động được tăng tốc (AMP) để tăng tốc đáng kể thời gian tải trang cho người dùng sử dụng các thiết bị di động.