20 thủ thuật tăng tốc độ tải trang web

EQVN Blog – Tốc độ tải trang web là yếu tố quan trọng nhất khi nói đến tính hữu dụng (usability) của website và SEO. Google xem tốc độ trang web là môt trong hơn 200 yếu tố xếp hạng có ảnh hưởng đến vị trí website trong kết quả tìm kiếm tự nhiên và được xem là yếu tố làm tăng trải nghiệm người dùng. Với vô số website có mặt trên Internet và quan trọng hơn là trong lĩnh vực kinh doanh thì việc cạnh tranh traffic với website khác và giữ người dùng hài lòng với tính khả dụng nơi website của bạn đang trở thành vấn đề ưu tiên hàng đầu. Nếu website của bạn không có tốc độ tải trang nhanh hơn, khả năng cao bạn sẽ mất khách truy cập vào tay đối thủ chỉ trong tích tắc.

Dưới đây là 20 thủ thuật nhanh giúp website có tốc độ tải nhanh hơn, mời các bạn cùng theo dõi.

Giới thiệu Thủ thuật tăng tốc độ tải trang cho websites

1. Tối ưu kích thước hình ảnh

Hình ảnh trên website chiếm một phần không nhỏ kích thước trang web và do đó có ảnh hưởng đến thời gian tải trang web. Các trình quản lí nội dung CMS chỉ có thể thay đổi kiểu hiển thị to nhỏ của hình ảnh chứ không hề thực sự tác động đến kích thước của ảnh, thế nên bạn hãy dùng các công cụ biên tập ảnh như Photoshop, hoặc các chương trình chỉnh sửa kích thước và nén ảnh trước khi tải lên website.

 2. Chọn định dạng tập tin hình ảnh

Để tối ưu thời gian tải trang web thì tốt nhất bạn nên dùng các định dạng hình ảnh chuẩn như JPG, PNG và GIF.

3. Tránh thể hiện chữ dưới dạng hình ảnh

Một số website có thể cần tạo phong cách để trang web trông hấp dẫn hơn. Nhưng, bạn cần lưu ý hình ảnh tốn nhiều thời gian để render hơn chữ, do đó nó làm tăng thời gian tải trang và cũng không có lợi cho SEO. Thay vào đó, bạn hãy dùng chữ như thông thường và nếu cần, hãy dùng CSS để tạo kiểu cho chữ.

4. Tránh cài những plugin không cần thiết

Plugin đi kèm theo các site có thể làm chậm đi tốc độ tải trang web của bạn. Không phải plugin nào cũng cần thiết, thí dụ như plugin chia sẻ lên mạng xã hội, một plugin được coi là buộc phải có trên mọi website ngày nay. Nói thế có nghĩa bạn nên cân nhắc trước khi cài thêm vào một plugin, liệu còn có lựa chọn nào thay thế plugin, ví dụ như sử dụng CMS có tích hợp sẵn plugin social, như thế ta không cần thiết cài thêm plugin bên ngoài vào nữa.

5. Tránh dùng chung các tập tin CSS và JavaScript trong HTML

Kinh nghiệm cho thấy bạn nên đặt các tập tin JavaScipt và CSS thành những tập tin riêng ngoài tập tin html. Khi tải trang, trình duyệt tạo cache riêng cho những tập tin này, làm giảm được thời gian tải trang. Hơn nữa, khi đặt các tập tin JS và CSS này nằm riêng như thế cũng giúp quá trình bảo trì website dễ dàng hơn.

6. Tối ưu cache

Mỗi khi có khách truy cập website của bạn đồng nghĩa với các tập tin hình ảnh, CSS và JavaSrcipt cũng được tải, do đó làm tốn nhiều thời gian tải trang. Bằng cách sử dụng tính năng HTML caching trên website, bạn cho phép trình duyệt hoặc proxy lưu tạm (cache) những tập tin này. Khi được gọi đến chúng sẽ được lấy lên từ cache của trình duyệt và như thế sẽ nhanh hơn thay vì tải hết lại chúng từ mạng. Ngoài ra, khi tối ưu cache cho website bạn còn làm giảm được bandwidth (băng thông) và chi phí host cho website của bạn.

7. Đặt tập tin JavaScript ở cuối Document

Việc xử lí các tập tin JS luôn làm tiêu tốn nhiều tài nguyên (thời gian, CPU, bộ nhớ…). Nếu để ý, bạn sẽ thấy các bài kiểm tra tốc độ trình duyệt luôn có tác vụ kiểm tra xử lí JavaScript, và các trình duyệt cũng liên tục nâng cao khả năng xử lí JS trong các bản nâng cấp của mình. Khi bạn đặt các tập tin JS ở cuối Document là đã tránh được cho các tập tin khác theo sau nó phải chờ đợi.

8. Tránh dùng redirect

Tránh dùng redirect làm tăng được tốc độ xử lí. Lí do là redirect gọi đến thêm một lệnh tải HTTP dẫn đến làm tăng thời gian tải trang lên. Một vài lệnh redirect đôi khi là điều không thể tránh khỏi và cần phải có mặt nhưng lời khuyên là tránh được thì hãy tránh.

9. Làm giảm truy vấn DNS – DNS Lookup

Truy vấn DNS (Domain Name System) xảy ra khi một URL (hostname) được nhập vào trình duyệt và bộ phân giải DNS trả về lại địa chỉ IP của máy chủ đó. Thời gian cho quá trình này vào khoảng 20-120 mili giây. Khi bạn mở nhiều trang từ cùng một hostname thì truy vấn DNS sẽ được dùng cho nhiều loại thành phần trên website, bao gồm URL, hình ảnh, CSS, JS và flash. Tuy nhiên, với nhiều truy vấn từ các hostname khác nhau được gửi đi thì lượt truy vấn DNS cũng tăng lên, do đó làm tăng thời gian tải trang. Best practice chỉ ra cho thấy một host chỉ nên dùng cho từ 6 hostname trở xuống, và dùng đường dẫn URL thay vì dùng hostname. Điều này có nghĩa nếu bạn có tạo blog thì nên dùng www.example.com/blog thay vì blog.example.com.

10. Gỡ bỏ những đoạn mã CSS, HTML không cần thiết

Gỡ bỏ những đoạn mã HTML hoặc CSS không cần thiết có thể làm nhẹ code cho website của bạn. Nếu website của bạn được xây dựng trên một hệ quản trị nội dung CMS, thì có thể trong đó có cài sẵn những CSS class và ID do trong quá trình thiết kế theme. Loại bỏ những class không dùng đến và định nghĩa ID hoặc kết hợp các định nghĩa đó thành một sẽ giúp tăng tốc cho website và làm “sạch” code website của bạn.

11. Tránh cài nhiều đoạn mã theo dõi cho website

Theo dõi các chỉ số liên quan đến traffic website là điều nên làm nhưng các đoạn mã theo dõi đó cũng là nguyên nhân gây chậm tốc độ tải trang khi được cài cùng chung trên một website. Google Analytics có lẽ là công cụ quen thuộc nhất khi nói đến đo lường traffic website và là công cụ được khuyến nghị dùng nhiều nhất.

12. Thiết lập mã hóa G-Zip để nén dữ liệu

Tương tự như các tập tin trên máy tính được đóng gói và nén lại để giảm tổng kích thước của chúng khi trao đổi qua lại trên mạng, các tập tin lớn trên website cũng có thể được đóng gói bằng phương pháp Nén G-Zip. Phương pháp này tiết kiệm được băng thông và thời gian tải tập tin và trên hết là giảm được thời gian tải trang web của bạn.

13. Giảm bớt HTTP request

HTTP request là những yêu cầu từ phía trình duyệt gửi lên server và có request có trả lời, và càng nhiều request thì càng tốn nhiều thời gian để tải hoàn tất một trang web. HTTP request tăng lên có thể do trùng lặp những đoạn script trong code HTML, bỏ được những đoạn script trùng lặp sẽ giúp code của bạn gọn hơn, và website có tốc độ tải trang dc nhanh hơn.

14. Sử dụng Expire/ Cache-Control Header

Bạn có thể sử dụng Expire header cho những thành phần tĩnh của website và Cache-Control header cho những thành phần động. Những header này sử dụng cho hình ảnh, style sheet, script và flash có thể được lưu cache, giúp giảm thiểu lượng HTTP request do đó cải thiện được tốc độ tải trang.

15. Đặt Style sheet ở đầu Documents

Style sheet dùng cho “trang trí” website trông bắt mắt hơn và theo chuẩn nó nằm ở đầu Document. Để bạn thấy được website đẹp mắt như thế, các thành phần trên trang web được xử lí từ phía server được mở dần dần trong trình duyệt khi chúng được khởi tạo bởi các qui định trong style sheet. Từ thanh điều hướng, logo cho đến nội dung trang web, quá trình xử lí mang đến người dùng một trải nghiệm đẹp với website. Style sheet cũng góp phần cải thiện được thời gian tải trang.

 16.  Thu gọn tập tin JavaScript và CSS

Thu gọn tập tin JS và CSS nghĩa là bỏ đi những kí tự không dùng đến trong code để làm giảm kích thước tập tin và thời gian tải cho các thành phần đi sau các đoạn mã đó.

17. Dùng Get thay cho Post

Get và Post là hai phương thức để trình duyệt yêu cầu dữ liệu từ server. Kinh nghiệm cho thấy phương thức Get xử lí dữ liệu nhanh hơn nhiều so với phương thức Post khi yêu cầu dữ liệu trên một trình duyệt. Mặc dù cả hai đều cho cùng kết quả, nhưng Post gửi header đi trước sau đó mới gửi phần data trong khi Get chỉ cần một gói TCP để gửi dữ liệu đi. Ngoài ra, Get còn được đề xuất sử dụng kết hợp với AJAX vì nó có thể được lưu cache và lưu lại trong lịch sử trình duyệt.

18. Bỏ đi các thành phần DOM không cần thiết

Nhìn vào bên trong mã HTML, nếu có quá nhiều markup có thể làm chậm đáng kể quá trình truy cập DOM do JavaScript gọi tới chúng. Bạn nên sử dụng các phương pháp thay thế như dùng grid.css, font.css và reset.css thay cho phải dùng table…

19. Giảm kích thước Cookie

Cookie được dùng trong quá trình trao đổi dữ liệu qua lại giữa server và trình duyệt. Vì vậy khi bạn giảm kích thước của cookie đồng nghĩa với giảm được kích thước dữ liệu truyền qua và tăng được tốc độ tải trang.

20. Cập nhật CMS

Nếu bạn đang dùng một CMS như WordPress chẳng hạn thì nên kiểm tra thường xuyên những cập nhật có cho nó, nhưng đừng cập nhật trực tiếp lên website hiện tại. Bạn hãy kiểm tra trước ở một server khác rồi mới cập nhật cho website chính.

Cập nhật mới hệ thống cũng là cách cải thiện tốc độ tải trang web cho bạn.

Có thể nói với 20 cách tối ưu tốc độ tải trang web như được trình bày trên thì bạn đã có một website khá là nhanh, và gọn đẹp (về phần code). Lẽ dĩ nhiên còn có những cách khác trên internet hướng dẫn tối ưu tốc độ tải trang web, cứ thế từng bước thực hiện dần dần bạn sẽ có được một website đáp ứng được những yêu cầu kĩ thuật và trên hết là mang đến được một trải nghiệm thú vị cho người dùng.

EQVN lược dịch

Vui lòng ghi rõ nguồn https://eqvn.net khi đăng lại nội dung này.

: