Site icon MAYTECH™

Tăng tốc website cần thiết như thế nào

tối ưu hóa website

Một website chuyên nghiệp ngoài việc có giao diện, đồ họa tốt thì  tốc độ load trang phải nhanh.  Tốc độ chậm sẽ anh hưởng rất nhiều tới hiệu quả của website nên việc  tăng tốc website là yêu cầu bắt buộc. Chúng tôi chi sẽ kinh nghiệm trong việc cải thiện tốc độ website.

1.   Tại sao lại cần tăng tốc website

Người dùng sẽ không đủ kiên nhẫn chờ website của bạn load 7-8 giây, họ sẽ rời khỏi trang web trước khi thông tin và hình ảnh tuyệt vời của trang web hiển thị lên.

Google sẽ ưu tiên hiển thị trang có tốc độ cao lên trên trogn kết quả tìm kiếm.

2.   Một số quan niệm sai lầm về tốc độ website

3.   Cái gì làm chậm website

4.   Kiểm tra tốc độ.

Tôi dùng website của công ty làm thí nghiệm: https://software.maytech.vn

Mở công cụ đánh giá tốc độ website: https://developers.google.com/speed/pagespeed/insights

Nhập đường dẫn website rồi bấm Analize : https://software.maytech.vn

Chờ 1-2 phút và xem kết quả

5.   Xác định nguyên nhân trong việc tăng tốc website

Nguyên nhân gây chậm web

Cơ hội để tăng tốc nằm ở 4 dòng đầu tiên do nó chiếm khá nhiều thời gian. Chúng ta bắt đầu quá trình tang tốc website qua các bước sau:

6.   Làm sạch wordpress

7.   Xử lý hình ảnh là bước đơn giản nhất trong việc tăng tốc website

Mở rộng dòng đầu tiên trong bảng kiểm tra tốc độc ủa google

Hình ảnh dung lượng lớn làm chậm web

File hình ảnh quá lớn, chúng ta sẽ dùng photoshop để resize lại hình, cách nhanh nhất là lấy file về, mở file rồi chọn Save for Web (lưu file cho web):

Định dạng png quá lớn

Giảm kích thức ảnh bằng photoshop

Chọn đúng kích thước khi hiển thị trên trang web, tránh lưu file có lích thước lớn. Bạn nên xác định kích thước hình ảnh hiện thị trên web là bao nhiêu như hình dưới:

Xách định kích thước anh phù hợp

Thay đổi kích thước ảnh

Thay đổi kích thước ảnh

Xong thử lại tốc độ đã được cải thiện, tốc độ load hình ảnh xuống còn 1 giây.

Kết quả tốc độ

8.   Cài bộ đệm cache

Bạn cài plugin  Fastest Cache

Plugin cache

Cài xong bạn cấu hình như hình bên dưới :

Cấu hình cache

Kiểm tra lần nữa, tốc độ web đã cải thiện đáng kể.

9.   Autoptimize

Có thể cài thêm plugin : Autoptimize. Plugin này sẽ gom các CSS, Javascript và nén lại.

Cấu hình như sau:

Cấu hình Auto optimize

 

10.   Tối ưu cấu trúc trang

So sánh với thế giới di động

Trang software.maytech.vn:

Tốc độ Maytech

Trang thegioididong.com:

Tốc độ TGDĐ

Rõ ràng cấu trúc trang còn quá phức tạp làm cho tốc độ trang chậm 4.8 giây so với 1.2 giây của TGDĐ.

Trang web đang dùng revolution slider trên banner bao gồm 2 slide. Có thể đây là nguyên nhân. Hy sinh hiệu ứng để có được tốc độ, mình thay slide bằng một tấm hình, xóa plugin Revolution Slider, kết quả cải thiện đáng kể:

11.   Kết luận

Kết quả

Đây là cách cơ bản để cải thiện tốc độ website ở mức chấp nhận được. Để tốc độ lên trên  90 như TGDĐ, chúng ta cần phải đầu tư thêm:

Tôi sẽ học và thực hành cách tối ưu website lên 90, nếu thành công sẽ có các cách thức trong bài  kế tiếp.

Chúc các bạn áp dụng thành công kỹ thuật của tôi vào website của bạn.

Cám ơn!

Exit mobile version