Chào các bạn! Hôm nay trong quá trình mình tìm hiểu cách tối ưu hóa trang web mình đã tham khảo một trang blog nước ngoài rồi đã làm theo, kết quả khá tốt. Bài viết này được mình tổng hợp lại hy vọng sẻ có ích cho bạn nào đang xây dựng blog hay website.
Thời gian tải trang web là một trong những yếu tố quan trọng nhất ảnh hưởng đến khả năng sử dụng của nó, hầu hết người sử dụng Internet sẽ chỉ bỏ qua một trang web hoàn toàn nếu nó không được tải trong một vài giây. Dưới đây bạn sẽ tìm thấy các bản tóm tắt của loạt “tăng tốc độ trang web của bạn”. Đó là những cách đơn giản nhưng hiệu quả để đảm bảo rằng trang web của bạn chạy nhanh.
Tối ưu hóa hình ảnh : luôn luôn sử dụng “Save for web” tính năng có trên phần mềm chỉnh sửa hình ảnh. Hình ảnh đại diện cho tải nặng hơn hầu như bất kỳ trên trang web nào. Do đó hãy chắc chắn rằng bạn đang tối ưu hóa chúng. Hoặc bạn cũng có thể chuyển sang một trình tối ưu hóa hình ảnh trực tuyến .
Định dạng hình ảnh : ngoài việc tối ưu hóa hình ảnh, quan trọng là bạn chọn định dạng phù hợp. JPEG là định dạng phù hợp cho các bức ảnh hoặc hình ảnh màu sắc thật. Định dạng GIF nên được sử dụng với hình ảnh màu phẳng như biểu tượng hoặc các nút. PNG nhình rất tương tự như GIF, nhưng nó hỗ trợ màu sắc hơn.
Tối ưu hóa CSS của bạn : hầu hết các trang web được thiết kế với CSS hiện nay. Hãy chắc chắn rằng để tổng hợp và tối ưu CSS (hay nén css) của bạn. CleanCSS.com là một công cụ trực tuyến khá hữu ích, nó giúp loại bỏ các thuộc tính vô dụng và loại bỏ các khoảng trắng từ mã của bạn.
Xem lại liên kết / của bạn : khi người dùng mở một liên kết trên “http://www.domain.com/about” máy chủ sẽ cần phải tìm những loại tập tin hoặc trang được chứa trên địa chỉ đó. Nếu bạn bao gồm một dấu gạch chéo (/) ở cuối của liên kết ví vụ http://www.domain.com/about/ các máy chủ đã biết rằng đây là một trang thư mục, làm giảm thời gian tải của trang web.
Sử dụng thẻ Height và Width : nhiều người quên thêm thẻ Height và Width cho mã hình ảnh. Những thẻ này sẽ đảm bảo rằng trình duyệt biết kích thước của hình ảnh trước khi tải nó. Kết quả là nó sẽ dành một chỗ cho các hình ảnh trong khi tải các phần còn lại của trang, tăng tốc toàn bộ quá trình.
Giảm bớt các yêu cầu HTTP : khi mở một trang web tất cả các đối tượng (images, scripts và line) sẽ đòi hỏi “một chuyến đi vòng” đến máy chủ. Độ trễ này có thể thêm một vài giây với thời gian tải trang web của bạn. Hãy chắc chắn rằng để giảm số lượng các đối tượng và kết hợp các file CSS và các scripts lại với nhau.