Các cách tăng tốc độ tải trang web làm trên blogger.

Mới tham gia vọc làm web trên blogger được một thời gian. Dù vậy mình cũng rút ra được một số kinh nghiệm khi làm trang web trên nền blogger để có thể giúp tốc độ tải trang nhanh hơn. Bạn có thể thấy Erhay dù sử dụng khá nhiều ảnh nhưng tốc độ cũng không đến nỗi nào so với những web khác. Dưới đây là một số kinh nghiệm mình đúc kết được. Cũng giúp những bạn đọc được bài viết này sẽ có hướng cho web của mình chạy tốt hơn.

1. Thứ nhất là khoản Layout web.
                     

Bố cục rõ ràng làm tăng hiệu suất tải trang

- Bạn cần hình dung rõ ràng khoản layout - tức bố cục web gồm những phần nào...Việc hình dung này không chỉ là để bạn định hướng phát triển những chuyên mục nào, mà nó còn giúp bạn phát triển bố cục web  một cách rành mạch rõ ràng, không thừa hay thiếu phần nào, giúp việc xử lý tải trang tốt nhất. Bạn có thể xóa bất cứ phần nào không cần thiết và có thể làm ảnh hưởng đến thẩm mỹ và tốc độ tải trang.

2.  Thứ hai là tốc độ tải trang ảnh hưởng bởi ảnh.

Ảnh gif là lựa chọn tốt nhất so với định dạng khác

     
- Bạn nên sử dụng một host để lưu trữ ảnh cho trang web của bạn, cũng như những ảnh trong phần thiết (menu, header....). Việc làm này không chỉ ngăn nắp mà sẽ giúp trang web ko bị phân tán và tìm kiếm quá nhiều ảnh trên các chỗ lưu trữ khác nhau. Mình khuyên bạn nên sử dụng Picasa Album của google để lưu trữ ảnh.
- Trong quá trình thiết kế, bạn tuyệt đối không nên để ảnh quá to và dùng chế độ tự resize bằng chế độ height, width trong thẻ image. Dùng một ảnh cho những điểm chung. Ví dụ như ảnh trên header của mỗi chủ đề. Hoặc nếu không dùng ảnh, mình khuyên bạn nên sử dụng mã màu.
- Tất cả các ảnh nên để chế độ ảnh là gif. Đây là định dạng ảnh tốt nhất và chiếm ít dung lượng nhất. Trừ một số trường hợp bắt buộc bạn phải sử dụng ảnh png.

3. Tốc độ tải trang ảnh hưởng bởi CSS.

CSS tốt giúp tăng tốc độ tải trang

- Cũng như đã nói ở phần một, tuy nhiên tại đây mình sẽ chi tiết hơn về khoản css. CSS giúp tạo bố cục trang gọn gàng và đẹp mắt. Tuy nhiên việc sử dụng không đúng sẽ làm tốc độ tải trang web của bạn ì ạch.
+ Tránh các xung đột trong css. CSS có chế độ ưu tiên(priority)  và kế thừa(inherit). Tuy nhiên theo mình bạn cũng hạn chế dùng chế độ ưu tiên, Nên tạo một định dạng chung nhất. Ví dụ như thẻ body, thẻ a, p, h1, h2,....Bạn cũng có thể dùng cách cắt ảnh bằng sprite - tốc độ tải trang cũng sẽ tăng nhanh hơn đáng kể so với dùng riêng biệt từng ảnh.
+ Web tải nhanh nhất theo mình là việc sử dụng trực tiếp css trên code. Tuy nhiên việc này có vẻ như không được ngăn nắp lắm và việc theo dõi chỉnh sửa sẽ khó khăn hơn. Tuy nhiên với web làm bằng blogger thì theo mình làm như vậy sẽ là cách tốt nhất.
+ CSS nên tạo trong thẻ ]]</b:skin> để đảm bảo tính ưu tiên cao nhất. Và điều lưu ý là bạn không nên sử dụng css trong Widget hay trong add CSS advanced (Chế độ design mặc định).

3. CSS ảnh hưởng bởi Jquery, javascript, flash

Flash dường như đang bị xa lánh trong web design.

- Flash là điều tối kị đối với một web vì nó làm nặng web và làm giảm tốc độ tải trang. Trừ các yêu cầu bắt buộc như dành cho quảng cáo....thì theo mình không nên dùng. Hơn nữa, flash swf thường không tuân thủ theo z-index nên thường chèn đè nên các menu,...ảnh hưởng đến cấu trúc, và làm mất thời gian cho việc giải quyết chúng. Flash đẹp tuy nhiên cũng ko nên dùng cho banner...Bạn có thể dùng ảnh động để thay thế. html5 cũng là giải pháp, tuy vậy hiện tại thì tốc độ  và lưu lượng cũng ko khả quan hơn là bao.
- Quá nhiều Jquery sẽ khiến web liên tục phải xử lý. Ví dụ như các slideshow, các update news...Chúng luôn tự động chạy cập nhật, luôn thể hiện các hiệu ứng đẹp mắt. Dù đẹp và thích nhưng cũng chỉ nên dùng trong hạn chế.
- Nên sử dụng các js trực tiếp vào Web. Tốc độ tải trang của bạn cũng sẽ nhanh hơn rất nhiều, đặc biệt là nên dùng các kế thừa trong code js.


4. Ảnh hưởng bởi nhà mạng chặn

Facebook đang bị chặn bởi một số nhà mạng.

- Đối với blogger. Dạo này có vẻ như đã ok hơn rất nhiều. Tuy vậy thi thoảng mọi người vẫn không thể vào được web của bạn. Giải pháp với bạn là đổi DNS..., nhưng với người đọc thì lại không phải vậy. Cách khác là bạn nên đổi tên miền cho web của mình.
- Đối với facebook. Dù đã cố gắng nhưng mình vẫn không thể khắc phục được điều này. Fb rất quan trọng cho việc quảng bá web. Tuy nhiên mỗi lần gắn một pan page trên Web thì web mình lại ngậm ngùi vài dòng chữ "Không thể tìm thấy...". Và một ô lỗi to đùng trên Web. Điều này làm ảnh hưởng đến thẩm mỹ của Web cũng nhưng ảnh hưởng đến việc tìm dữ liệu trên fb và không có phản hồi => làm web chậm.

Trên đây là vài dòng nhận xét của mình cũng như hướng dẫn giúp bạn tăng tốc độ tải trang. Bạn có thắc mắc gì có thể để comment hoặc đặt câu hỏi tại phần hỏi đáp tại địa chỉ : http://ask.erhay.com

Minh Anh - Erhay.com