10 Cách tối ưu Website

Ngày đăng: 14/12/2019 - Cập nhật: 06/03/2020

Bạn có thể không cần làm tất cả để tối ưu thứ hạng tìm kiếm cho website, nhưng có một điều mà bằng mọi giá bạn cần phải làm đó là: Tối ưu Website.

Các công cụ tìm kiếm liên tục thay đổi, tung ra các bản cập nhật, thuật toán ... chúng ta (khó lòng mà theo kịp).

Tuy nhiên, mọi thứ đều hướng tới phục vụ người dùng tốt hơn, mọi thay đổi của công cụ tìm kiếm cũng là vì người dùng.

Vì thế, tối ưu hóa cho người dùng đó mới là mục tiêu tối tượng.

Nó là không đủ nếu chỉ có nội dung chất lượng cao mà hiệu suất trang web lại tệ.

Và tối ưu hóa trang web của bạn cũng là một cách quan trọng để Google hay các công cụ tìm kiếm đánh giá cao trang web của bạn.

10 Cách tối ưu Website

Có rất nhiều phương pháp để tối ưu hóa trang web. Nhưng để bắt đầu, hãy xem xét 10 cách tối ưu website mà mình giới thiệu bên dưới đây để có thể có một trang web có hiệu suất tốt.

1. Nén Hình Ảnh

Hình ảnh là một phần cốt lõi của trải nghiệm web, nhưng nó là cái làm dung lượng web trở nên nặng rất nhanh.

Hãy sử dụng công cụ tối ưu hình ảnh trước khi tải lên để có thể làm web nhẹ hơn, tải nhanh hơn (nhưng vẫn giữ được chất lượng ảnh đủ tốt)

Công cụ tham khảo: WP Smush, Kraken.io, JPEGmini, Tiny PNG, và Squoosh.app được chính Google tạo ra.

2. Nén dữ liệu với Gzip

Tăng tốc truyền dữ liệu cũng là thứ cần xem xét, khi tối ưu hóa trang web. Bao gồm cách nén tập tin.

Cho phép nén trên trang web của bạn cho phép người dùng để tải về nội dung của bạn nhanh hơn.

Kiểm tra ngay nếu bạn chưa kích hoạt Gzip. Làm như vậy có thể làm giảm băng thông của bạn đáng kể.

Công cụ tham khảo: Gzip Compression Test, GIDZipTest

3. Giảm thiểu và Nén mã Nguồn Javascript

Bạn có thể giảm thiểu và nén mã nguồn Javascript bằng cách xóa comment code, mã không sử dụng, tên biến không dùng ...

Lợi ích là giảm thiểu dữ liệu để làm cho trang web của bạn nhanh hơn. Ngoài ra bạn có thể giảm thiểu cả những thư viện không sử dụng đến...

Công cụ tham khảo: JSCompress, UglifyJS, Javascript Minifier, Closure Compiler

4. Sử Dụng Browser Caching

Google's Ilya Gregorik đã viết,

"Truy cập tài nguyên liên quan qua mạng chậm là phải trả giá bằng tiền. Mỗi lần tải đòi hỏi nhiều lần đi vòng giữa máy khách và máy chủ. Điều này dẫn tới xử lý chậm và có thể ngăn chặn render nội dung, và cũng phải gánh chịu chi phí băng thông do người dùng truy cập"

'Caching' nghĩa là lưu trữ dữ liệu, tài nguyên, hình ảnh tạm thời ở trên trình duyệt của khách hàng.

Điều này cho phép hình ảnh, script và đôi khi thậm chí của nội dung HTML có thể tải ngay lập tức khi khách hàng mở trình duyệt thay vì tải từ máy chủ.

Quá trình gắn cờ và sử dụng bộ nhớ đệm có thể giảm tải thời gian tải trang và tăng hiệu suất đáng kể.

Công cụ tham khảo: GTmetrix, Browser Caching Checker

5. Sử dụng Content (Server side) Caching... Object Caching

Đối với một trang web điển hình, để tạo ra mã HTML cuối cùng gửi đến cho người dùng thì cần có truy vấn đến cơ sở dữ liệu hay đánh giá các tập lệnh.

Và thay vì mỗi lần khách hàng truy vấn lại phải xử lý tập lệnh từ đầu, chúng ta hãy lưu lại kết quả truy vấn này.

Lần tiếp theo, nếu lại nhận được truy vấn này, máy chủ web có thể sử dụng các kết quả đã lưu này để tăng tốc quá trình render trang.

Công cụ tham khảo: Redis, Memchached

6. Kiểm tra lỗi (404)

Lỗi 404 là lỗi vì một lý do nào đó trang (tập tin) không còn tồn tại, tuy nhiên liên kết đến trang đó vẫn nằm đâu đó trên internet.

Khi người dùng đang mong muốn click đến một trang nào đó nhưng lại gặp lỗi 404 thì sẽ tạo ra trải nghiệm tệ.

Ngoài ra, khi một trình duyệt đang cố gắng để xác định vị trí một tập tin bị mất tích, nó có thể chặn tiếp tục tải những tài nguyên khác.

=>> Điều này ảnh hưởng rất tiêu cực trong tốc độ và hiệu suất của trang web.

Sửa chữa các vấn đề của 404s rất là đơn giản. Bạn chỉ cần sử dụng một công cụ trực tuyến để rà soát lại website.

Sau đó thực hiện điều hướng hoặc khôi phục lại tập tin bị mất đó.

Công cụ tham khảo: Online Broken Link Checker, Screaming Frog, 404 and Broken Link Checker

7. Ưu tiên Tối ưu hóa và Phân phối CSS

Một lý do chung dẫn tới làm chậm trang web là mã css đó không phải là tối ưu.

Nếu bạn CSS chưa tối ưu, trình duyệt sẽ phải làm việc nhiều hơn để có thể render nội dung.

Đây là 5 nguyên tắc bạn nên tuân theo để cải thiện hiệu suất:

Đặt tên
Độ đặc hiệu thấp
DRY
Nguyên tắc trách nhiệm duy nhất
Nguyên tắc Mở và Đóng

8. Sử dụng CDN

CDN, hay Content Delivery Network, là một mạng lưới máy chủ web toàn cầu phân phối nội dung trang web.

Khi khách về nội dung từ một CDN thay vì từ trang web của bạn, nó làm giảm tải trên trang web của bạn, giải phóng nguồn lực để xử lý các yêu cầu còn lại

Công cụ tham khảo: Cloudflare, MaxCDN, Amazone CloudFront

9. Sử dụng gia tốc website

Một máy gia tốc lưu trữ toàn bộ trang web. Nó cải thiện tốc độ phản hồi và giảm tải cho máy chủ.

Lần tải trang tiếp theo, các máy chủ web chỉ cần trả lại HTML đã kết xuất thay vì đánh giá lại một lần nữa.

Kết quả cuối cùng khi sử dụng máy gia tốc, người dùng có thể truy cập trang nhanh hơn. Họ sẽ được hưởng lợi từ việc độ trễ thấp hơn và phản hồi nhanh hơn.

Công cụ tham khảo: Varnish, Squid

10. Tăng tốc phản hồi máy chủ

Google đề nghị giảm thời gian phản hồi máy chủ của bạn dưới 200 miliseconds.

Các phương pháp liệt kê trên cũng là để tăng tốc phản hồi của máy chủ.

Phương pháp cuối cùng mình đề nghị là đo lường thời gian phản hồi của máy chủ. Từ đó biết được điểm tắc nghẽn ở đâu và từ đó thực hiện cải tiến.

Nếu sau tất cả, thời gian phản hồi máy chủ vẫn chưa đủ nhanh, hãy đầu tư vào cơ sở hạ tầng. Có một máy chủ tốt là rất quan trọng.

Bởi vì mục tiêu cuối cùng của bạn cũng là giúp khách hàng có trải nghiệm tốt và tăng tỷ lệ chuyển đổi, lợi nhuận sẽ bù đắp lại.

Công cụ tham khảo: Google PageSpeed Insights, Webpage Test

Lời kết

Thực hiện 10 cách tối ưu website này có thể mất thêm nhiều thời gian và công sức, nhưng nếu thực hiện đúng, bạn sẽ mở ra nhiều cơ hội để website của mình có nhiều chuyển đổi hơn, đáp ứng mục tiêu kinh doanh hơn.

Những cách này sẽ không khó nếu bạn đã học lập trình web bài bản, tham khảo: