Kỹ Năng Webmaster

Nguyên nhân và giải pháp khắc phục tải trang chậm

Tình trạng website chạy chậm diễn ra khá phổ biến khiến nhiều webmaster lo lắng. Cách nhanh nhất để xử lý vấn đề là bạn nên tự tìm dò ra lỗi, sau đó có hướng giải quyết hù hơp

Dưới đây là một số lỗi phổ biến gây nên việc site loading chậm và cách khắc phục

Máy chủ:

– Nguyên nhân:

Một trong những nguyên nhân khác khiến website của bạn load chậm nữa phải kể đến máy chủ bạn đang đặt web. Có thể website đã sử dụng sắp hết tài nguyên máy chủ như băng thông và đường truyền. Điều đó khiến website trở nên chậm chạp hơn.

– Khắc phục:

+ Yêu cầu nhà cung cấp dịch vụ máy chủ hỗ trợ kỹ thuật để có thể hạn chế sự tiêu tốn tài nguyên của website.

+ Nâng cấp thêm tài nguyên máy chủ.

Ảnh và Flash :

– Nguyên nhân:

Website load chậm người ta thường nghĩ ngay tới Media – điều này thường đúng. Ảnh và Flash thường có kích cỡ lớn. Và một website trung bình từ 10 tới 15 ảnh cho lần tải đầu tiên sẽ không khiến website của bạn đẹp hơn trong mắt độc giả đâu, vì thời gian tải trang của nó cũng giảm đi đáng kể đấy.

– Khắc phục:

+ Nén ảnh, thay đổi kích cỡ, chất lượng hay kết hợp cùng CSS mà bạn nên tự tìm tòi để giúp website load nhanh hơn nhé!

Lưu ý: Sử dụng Flash vào Website, dù lung linh đến mấy, lại chẳng hề thân thiện với các công cụ tìm kiếm và nó chỉ làm giảm thứ hạng website của bạn đi mà thôi.

Nguyên nhân và giải pháp khắc phục tải trang chậm

Tối ưu hóa hình ảnh

Với hình ảnh, bạn cần chú ý 3 điều: kích thước, định dạng và thuộc tính src.

Kích thước hình ảnh

Hình ảnh quá cỡ khiến việc load nó rất lâu, vì thế hãy giữ cho kích thước hình nhỏ nhất có thể. Sử dụng các công cụ chỉnh sửa để:

+ Crop hình đúng kích cỡ. Ví dụ, nếu trang bạn rộng 570px thì resize hình theo chiều rộng đó. Đừng upload hình rộng 2000px vào trang có chiều rộng 570px. Điều này làm chậm tốc độ và mang đến trải nghiệm không tốt cho người dùng.

+ Giảm độ sâu màu sắc (color depth) đến mức thấp nhất (nhưng đảm bảo chấp nhận được).

+ Xóa bỏ những comment ảnh

Định dạng hình ảnh

JPEG là lựa chọn tốt nhất

PNG cũng tốt, nhưng một số trình duyệt không hỗ trợ đầy đủ

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

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

Thuộc tính SRC

Khi đã chọn đúng kích thước, định dạng thì mã code hình ảnh cũng phải đúng. Tránh để mã hình ảnh bị rỗng.

Trong HTML, mã cho một hình ảnh bao gồm: <img src=””>. Khi mã hình ảnh không có thuộc tính src, trình duyệt sẽ yêu cầu chỉ dẫn về thư mục của trang. Điều này dẫn đến tăng thêm lưu lượng không cần thiết vào máy chủ và thậm chí người dùng nhận được thống báo dữ liệu hình ảnh bị hỏng.

Mẹo: Dành thời gian để chỉnh sửa hình trước khi upload. Đảm bảo đầy đủ thuộc tính src và một url hợp lệ. Bạn có thể cân nhắc thêm plugin WP Smush.it vào trang web để hình ảnh được tải nhanh chóng.

Mã HTML

– Nguyên nhân:

Nếu bạn không biết nhiều về code mà chỉ sử dụng HTML ở mức sơ đẳng thì đó cũng chính là một trong những yếu tố khiến website của bạn bị chậm một cách đáng kể. Trình duyệt, khi truy cập website của bạn, sẽ cần “dịch” những đoạn mã bạn gắn vào website và biến nó thành giao diện của màn hình bạn thường thấy. Và nếu bạn cho nó quá nhiều lỗi, hẳn công đoạn này sẽ chậm đi nhiều.

– Khắc phục:

+ Sử dụng CSS thành một file riêng biệt (style.css chẳng hạn) thay vì nhúng trực tiếp vào website.

+ Gỡ bỏ các khoảng trống và tag hay chú thích không cần thiết.

+ Nén và kết hợp các đoạn mã javascript thành 1 hoặc 1 vài file rút gọn.

+ Sử dụng thẻ div nhiều hơn xây dựng “table” (với tr, td…) đồ sộ.

+ Kiểm tra website với nhiều trình duyệt để xem sự ổn định.

Giảm thiểu tài nguyên

Nguồn tài nguyên WYSIWYG giúp bạn xây dựng một website dễ dàng, bạn thể hiện những gì bạn muốn. Nhưng chính nó dẫn đến việc tạo ra nhiều mã lộn xộn, làm trang tải chậm. Vì vậy, bạn nên mạnh dạn cắt bỏ một số nguồn tài nguyên không quan trọng.

Dưới đây là đề xuất của Google:

Để giảm thiểu HTML, bạn có thể sử dụng PageSpeed Insights Chrome Extension để tạo ra một phiên bản HTML tối ưu hóa.

Để giảm thiểu CSS, bạn có thể dùng thử cssmin.js.

Để giảm thiểu JavaScript, thử với Closure Compiler, JSMin.

Xem thêm bài viết liên quan Hướng dẫn kiếm tra khi website chạy chậm

_______________________________________________________________________________

TEAM SEOTOPNHANH.COM

Dịch vụ SEO chất lượng uy tín, từ khóa lên top hiệu quả, chi phí thấp

Phone: 093 6388 931

Email: seotopnhanh1@gmail.com

Chat Skype:  seotopnhanh.com (vui lòng gõ ô tìm kiếm để add nick)

https://www.facebook.com/seotopnhanhcom