Cách tối ưu tốc độ website wordpress hiệu quả nhất 2019

Nếu bạn sở hữu một website cung cấp nội dung cho khách hàng, độc giả của mình thì hẳn bạn luôn muốn mang tới cho họ những trải nghiệm tốt nhất khi sử dụng. Một trong những yếu tố ảnh hưởng lớn đến những trải nghiệm đó chính là tốc độ tải trang website. Ngoài ra, tốc độ website đạt yêu cầu cũng là một cách để “lấy lòng” Google, cải thiện thứ hạng SEO. Các bạn hãy cùng chúng tôi tìm hiểu những cách tối ưu tốc độ tải trang website mã nguồn wordpress hiệu quả nhất qua bài viết bên dưới.

Cùng BeginerO bắt đầu nhé !

 

Cách tối ưu hóa tốc độ tải trang website qua cải thiện tốc độ tải file

Khi truy cập vào một website, có 3 quá trình chính diễn ra trên trình duyệt: gửi yêu cầu, chờ xử lý và nhận lại phản hồi. Tối ưu quy trình tải file nhằm giảm thời gian gửi yêu cầu cũng như nhận lại phản hồi từ máy chủ. Dưới đây là một số bước quan trọng để quá trình tải file được diễn ra hiệu quả.

Tăng tốc độ tải trang bằng việc tối ưu dung lượng ảnh

Không thể phủ nhận tầm quan trọng của hình ảnh đối với nội dung một website. Nhưng chính ảnh là một trong những gánh nặng lớn nhất cho quá trình tải một trang web, bởi dung lượng của chúng thường khá lớn. Chính vì lý do đó, bạn cần sử dụng ảnh một cách thông minh.

 

Đầu tiên là về kích thước ảnh. Vẫn biết một hình ảnh có độ phân giải cao sẽ cho chất lượng hiển thị tốt, tuy nhiên chỉ nên sử dụng ảnh có kích thước phù hợp với chiều rộng của phần nội dung hiển thị trên trình duyệt (thông thường là dưới 1500 pixel chiều rộng).

Bên cạnh đó, hình ảnh nên được nén bằng phần mềm để giảm dung lượng của ảnh 1 cách đáng kể nhưng vẫn không làm ảnh hưởng nhiều đến chất lượng ảnh. Cách nén ảnh bạn có thể tham khảo trên Google.
Các công cụ nén ảnh trực tuyến :

+ https://imagecompressor.com/vi/

+ https://tinypng.com

Tải ảnh từng phần

Nếu trang hiển thị của bạn có chiều dài lớn, việc tải hết các ảnh cùng 1 lúc là không cần thiết vì sẽ làm tăng thời gian hiển thị nội dung có ích lần đầu. Hãy sử dụng javascript để chỉ tải ảnh khi người dùng cuộn trang đến vị trí ảnh. Một plugin javascript khá nổi tiếng cho chức năng này là Lazyload. Plugin này có phiên bản hỗ trợ cho nhiều mã nguồn mở, trong đó có WordPress. Các bạn cũng không cần lo lắng về khả năng index ảnh của Google khi sử dụng thủ thuật này, trên thực tế máy tìm kiếm có thể nhận diện được chúng.

Nén file bằng Gzip

Các file thông thường được tải để hiển thị nội dung website bao gồm: html, ảnh, javascript, css, xhr… có thể được nén như cách các bạn vẫn thường làm với phần mềm Winrar của Window. Chỉ có điều, phần mềm thực hiện việc nén file này được chạy ở trên máy chủ, cho phép giảm đáng kể dung lượng của 1 website. Các trình duyệt hiện tại đều có khả năng đọc được file nén dạng này.

 

 

Sử dụng cache trình duyệt

Đây là cách tối ưu tốc độ website không thể thiếu. Các bạn hiểu đơn giản cache là chức năng trình duyệt lưu trữ tạm thời các file của một website. Nếu website của bạn được thiết kế đúng cách để tận dụng chức năng này thì sau lần tải trang web đầu tiên, một số file sẽ không cần tải lại ở những lần tiếp theo khi nhận về mã trạng thái 304 từ máy chủ.

Gộp các file để tối ưu tốc độ trang web

Như các bạn đã biết, việc tải mỗi file yêu cầu đầy đủ quá trình gửi, chờ và nhận kết quả. Nếu quá trình này diễn ra quá nhiều lần thì thời gian chờ hiển thị sẽ tăng lên.

 

 

Chính vì thế, nếu có thể gộp được các file thông dụng như css, javascript, xhr… lại thì đừng ngần ngại làm điều này. Đây là cách tối ưu tốc độ website cho hiệu quả khá tốt.

Lưu trữ file tĩnh trên tên miền không sử dụng cookie

Các file tĩnh là file có nội dung ít thay đổi như file ảnh, font chữ, css, javascript… Nếu các bạn đặt file này vào cùng 1 domain với website chính, khi trình duyệt gửi lệnh tải chúng về sẽ kèm theo các cookie. Điều đó là không cần thiết và có thể kéo tốc độ load trang của bạn xuống nếu phải tải quá nhiều các file dạng này. Hãy bố trí 1 subdomain không cookie để lưu trữ chúng.

Cải thiện hoạt động máy chủ để tăng tốc website

Một phần quan trọng tác động đến tốc độ website chính là hiệu quả hoạt động của máy chủ. Các thiết lập máy chủ khôn ngoan sẽ mang tới cho website của bạn hiệu quả tuyệt vời.

 

Chúng tôi sẽ chỉ cho bạn một vài cách để làm điều này.

Chọn máy chủ gần khu vực địa lý của khách hàng mục tiêu

Các kết nối Internet thường phải đi qua rất nhiều trạm trung chuyển để có thể hoàn thành nhiệm vụ của mình. Nếu như số lượng trạm này cũng như độ dài đường dẫn quá lớn thì việc liên lạc giữa máy chủ và khách hàng sẽ tốn nhiều thời gian hơn và có nguy cơ thất lạc dữ liệu lớn hơn.

Chính vì thế, bạn hãy chọn một máy chủ cho website của mình càng gần với nơi sinh sống của khách hàng mục tiêu càng tốt. “Gần” được nói tới ở đây là trên phạm vi các quốc gia. Nếu khách hàng của bạn ở Việt Nam, hãy chọn các đơn vị cung cấp tại Việt Nam như FPT, Nhân Hòa… để “gần” hơn với họ.

Cache server là cách tối ưu tốc độ website không thể thiếu

Cache server có cơ chế gần giống cache trình duyệt đã nói ở trên, chỉ có điều quá trình này diễn ra trên máy chủ. Sử dụng cache server cho phép máy chủ lưu trữ tạm những file được sinh ra từ quá trình xử lý yêu cầu từ khách hàng. Khi một yêu cầu tương tự được gửi tới máy chủ, nó sẽ không cần xử lý lại mà sẵn sàng xuất luôn kết quả, giảm thiểu áp lực cho hệ thống đồng thời giảm thời gian chờ cho trình duyệt.

Tối ưu tốc độ xử lý yêu cầu của máy chủ

Điều này phụ thuộc rất lớn vào kinh nghiệm và kỹ năng của người lập trình website. Để giảm thời gian xử lý yêu cầu từ trình duyệt, các lập trình viên cần lưu ý thiết kế cơ sở dữ liệu thông minh, sử dụng các query hợp lý và giảm thiểu các phép tính không cần thiết. Làm được điều này, thời gian chờ tải trang của người dùng sẽ được cải thiện đáng kể.

Hạn chế redirect

Trong nhiều trường hợp, việc chuyển hướng trang bằng các mã 301, 302, 307… là cần thiết. Tuy nhiên điều này lại làm cho tốc độ tải trang tăng lên đáng kể. Chính vì điều đó, chỉ sử dụng redirect khi cần thiết, tránh lạm dụng vô ích.

Cách tối ưu tốc độ website bằng cải thiện chất lượng HTML

Ngoài việc cải thiện quá trình liên lạc giữa trình duyệt và máy chủ, việc tối ưu quá trình xử lý các kết quả trả về trên trình duyệt cũng vô cùng quan trọng. Các lưu ý về việc thiết kế html sau đây sẽ là cách tối ưu tốc độ website hữu ích.

Tối ưu thẻ html

Trình duyệt cần phải xử lý các văn bản đánh dấu siêu nội dung html để hiển thị cho người dùng. Quá trình này cũng tiêu tốn tài nguyên hệ thống máy khách. Chính vì thế hãy đặt các thẻ html “sạch sẽ”, tránh lạm dụng quá nhiều thẻ