Thiết kế website

Hướng dẫn các cách tăng tốc độ load website phần 1

03/01/2020

12761

Các cách tăng tốc độ load website là gì? Tìm hiểu các cách phổ biến hiện nay, để có cho mình những sự lựa chọn tối ưu nhất để phát triển website toàn diện.

1. Xóa bỏ bớt những plugin và tiện ích bổ sung không cần thiết

Phương pháp đầu tiên dùng để tối ưu tốc độ website đó là loại bỏ bớt plugin. Trong trường hợp thấy hệ thống máy của bạn đang bị quá đầy các plugin đang chạy lại còn là những plug in nặng nữa thì nó sẽ kéo tốc độ tải trang của bạn xuống nhiều. Đồng thời còn gây ra thêm những vấn đề bảo mật, giảm cả tính an toàn của website. Vì thế bạn hãy xóa đi những plugin không cần thiết chỉ nên giữ lại những plugin chất lượng, cần dùng để tập trung hỗ trợ cải thiện tốc độ website.

Để phát hiện plugin hoặc để kiểm tra. Tốt nhất là các bản kiểm tra tốc độ tải trang thông qua các công cụ như: GTMetrix, Google Pagespeed Insights. Các công cụ sẽ tiến hành phân tích tình trạng, sau đó các bạn truy cập vào danh sách plugin và tắt các plugin đó đi. Bạn cũng nên chạy thử lại máy để xem tình hình tốc độ tải trang web đã được cải thiện hay chưa.

2. Tối ưu hóa mã nguồn website tăng tốc độ load website

Việc tối ưu hóa mã nguồn website cũng quan trọng chẳng kém gì so với những phương pháp khác mà nguồn cũng là một trong những nguyên nhân gây nên tình trạng chậm chạp cho website của bạn. Bạn cần phải chỉnh sửa, loại bỏ đi những yếu tố không cần thiết, giảm tải dung lượng cho mã nguồn.

Với WordPress, thì bạn sử dụng plugin Better WordPress Minify là có thể giúp tối ưu hóa. Nếu bạn không sử dụng CME, thông qua các công cụ tiện ích như Chrome của Chrome Pagespeed Insights để tối ưu mã nguồn. Khi đó, chúng sẽ giúp bạn tạo ra các phiên bản thu nhỏ code. Thêm nữa sử dụng minify CSS và các tập tin Javascript tốt, cả khi các tập CSS. Javascript ở cùng một chỗ cũng sẽ vẫn giúp tăng tốc độ truy cập website lên rất tốt.

3. Tối ưu hóa, giảm kích thước hình ảnh tăng tốc độ load website

Ảnh là yếu tố ảnh hưởng rất lớn đến khả năng tăng tốc độ load trang web. Thử tưởng tượng, website của bạn có rất nhiều ảnh, dung lượng mỗi ảnh lớn, không được tối ưu hóa. Thì chỉ riêng nó thôi đã ngốn một khoảng lớn tài nguyên của máy rồi. Chính vì thế mà bạn cần xử lý lại ngay, tối ưu hóa và giảm kích thước của chúng đi.

Hãy kiểm tra chi tiết phần dung lượng và kích thước ảnh trên website của bạn nên có một mức dung lượng tối đa để áp dụng cho các ảnh khi tải lên. Ví dụ như chỉ cho phép dung lượng ảnh tối đa là 100Mb chẳng hạn. Vậy thì mỗi khi cần đăng tải ảnh bạn sẽ phải thực hiện nén ảnh, crop lại ảnh để đảm bảo vẫn giảm dung lượng nhưng tính thẩm mĩ được giữ nguyên.

Với những bạn nào đang sử dụng WordPress thì có thể tham khảo cài đặt thêm plugin WPSmush hỗ trợ tự động giảm dung lượng ảnh. Hay trước khi muốn tải ảnh lên, check ảnh qua công cụ tên Tiny PNG cũng để giảm dung lượng ảnh. Mà không làm ảnh hưởng đến chất lượng ảnh. Caesium cũng là một công cụ nổi tiếng để nén ảnh, đổi đuôi ảnh JPG, PNG,… chất lượng nhé.

4. Định dạng hình ảnh.

Chọn đuôi file ảnh là JPEG sẽ tốt nhất (PNG cũng tốt, nhưng một số trình duyệt không hỗ trợ đầy đủ).

Khi dùng GIF thì GIF có thể sử dụng với 10×10 pixels, sử dụng 3 bảng màu trở xuống.

Không nên sử dụng BMPs hoặc TIFFs..

5. Giảm thiểu các yêu cầu của HTTP

Dựa vào các thống kê thì phải đến 80% thời gian tải trang là để load các yếu tố của website như: tập lệnh, hình ảnh, stylesheets, Flash… Mỗi một yêu cầu của HTTP yêu cầu thực hiện các lệnh này sẽ làm tăng thời gian tải website.

Cách cải thiện tốc độ trang web qua các thao tác cơ bản dưới đây:

Sắp xếp hợp lý lại số lượng các yếu tố trên trang.
Sử dụng công cụ CSS thay cho hình ảnh khi nào có thể.
Sử dụng kết hợp nhiều stylesheets thành một.
Giảm thiểu các tập lệnh và đặt chúng ở cuối trang.

Nhìn chung, ngay từ ban đầu bạn nên giảm thiểu nhất có thể các yếu tố giúp bạn đỡ tốn thời gian chỉnh sửa nhiều. Giảm tải được các phần trên website sẽ giúp tổng quan web nhẹ hơn nhiều, tăng hiệu suất tải trang, truy cập nhanh hơn.

6. Bật bộ nhớ đệm trình duyệt

Bộ nhớ đệm của trình duyệt hay vùng nhớ tạm thời. Mỗi lần bạn truy cập website các dữ liệu của website sẽ được lưu tại bộ nhớ đệm này giúp cho những lần truy cập tiếp theo của bạn dễ dàng hơn, không cần đăng nhập hay điền pass,… Khi có bộ nhớ đệm thì trình duyệt thì trình duyệt của bạn chỉ cần phải tải xuống một phần tài nguyên. Phần còn lại sẽ được lưu trữ lại trong bộ nhớ đệm mỗi khi mà bạn muốn truy xuất. Thay vì như trước đây hệ thống phải toàn bộ tài nguyên đơn lẻ xuống. Điều này giúp tăng tốc độ website của bạn lên rất nhiều.

Từ lần thứ 2 truy cập web nào đó, trình duyệt máy của bạn cũng tải nhanh gập bội vì không cần gửi yêu cầu truy cập HTTP về máy chủ.

Xem thêm: Hướng dẫn các công cụ tăng tốc độ load website phần 2

Webvocuc

Cảm ơn bạn đã theo dõi bài viết của Webvocuc.com! Cập nhật các bài viết khác từ Webvocuc để biết thêm nhiều thông tin mới nhất về thiết kế website chuyên nghiệp và marketing online.