Nghiên cứu thói quen bằng máy tính cho thấy các bạn sẽ chuyển sang trang khác ví như website ko sở hữu "động tĩnh" gì sau 4 giây. bởi vậy, tốc độ là khía cạnh quan trọng và cũng là ưu điểm cạnh tranh để cung cấp thông tin.
các thủ thuật dưới đây sẽ nâng cao đáng nói web của các bạn.
một. Chuyển host lưu trữ file hoặc ảnh cỡ to sang nơi khác:
phổ biến người cùng online 1 khi có thể xây dựng nghẽn đường truyền của người mua có hàng đống đề nghị xem cộng một tấm hình trên website. Gánh nặng dữ liệu sở hữu thể chuyển sang vài website chuyên để lưu trữ và chia sẻ ảnh như ImagaShack, Photobucket hay Flickr. Bằng phương pháp này, máy chủ website của người mua chỉ buộc phải đảm bảo phần text và file ảnh cỡ nhỏ, giảm đáng nhắc băng thông đồng nghĩa với việc chuyên dụng cho được rộng rãi người 1 khi hơn.
nếu muốn chia sẻ một số file nhỏ, khoảng 2 – 5MB, với khách viếng thăm, các bạn mang thể dùng dịch vụ Google Pages như một máy chủ website phụ.
>>> thông tin khác:Thiết kế web nhà hàng
2. seo mã CSS:
bây giờ, nhiều web bắt đầu sử dụng CSS (Cascade Style Sheet) để định dạng. Mặc dù bảng CSS nhìn cá tính và hiệu quả hơn định dạng bảng HTML, nhưng nó đòi hỏi người dùng buộc phải tối ưu hóa code của chúng mới mong đạt được tốc độ hợp lý. Đoạn mã CSS "sạch" sẽ giúp trình duyệt giải mã trang web nhanh hơn.
Ví dụ: Thay bởi vì viết:
margin-top: 20px;
margin-right: 10px;
margin-bottom: 20px;
margin-left: 10px;
người mua nên viết:
margin: 20px 10px 20px 10px;
Theo vài chuyên gia seo của Yahoo thì các mã CSS phải được đặt ở phần đầu của web. Điều này đặc biệt ý nghĩa nếu trang của mọi người to và sở hữu đa dạng đối tượng. giả dụ khách hàng đặt CSS ở cuối hoặc giữa trang web, trình duyệt sẽ sử dụng định dạng mặc định để hiện thị, sau ấy mới tái định dạng bằng CSS. Điều đấy đòi hỏi thêm thời gian tính toán và tất nhiên người dùng sẽ khó chịu khi nhìn 1 web vỡ tung khi chưa định hình.Thậm chí, những trình duyệt cũng cấm đặt CSS tại cuối web.
giả dụ chưa thạo về code, công cụ trực tuyến nhỏ Clean CSS sẽ giúp quý khách giai đoạn xuất sắc này, cái bỏ các khai báo thừa và thể tích vô nghĩa. mọi người với thể tham khảo tại đây.
3. seo hình ảnh:
sở hữu 4 chiếc định dạng hình ảnh sử dụng rộng rãi trên web: PNG, JPG, /JPEG và GIF. tất cả các phần mềm xử lý ảnh như Adobe Photoshop đều mang tính năng "Save for Web" để tối ưu tỉ lệ giữa uy tín hình và kích thước file.
4. Khai báo kích thước hình ảnh:
nhiều lập trình viên nghiệp dư "quên" khai báo tag chiều cao và rộng của ảnh lúc viết mã HTML. Hai thông số này báo mang trình duyệt kích thước của ảnh trước khi dữ liệu được tải về. ví như ko được khai báo trước, trình duyệt cần tự tính toán kích thước bằng cách download đông đảo hình ảnh về, sau đấy mới đến lượt một vài dữ liệu khác.
lúc khai báo hình ảnh với đầy đủ vài tag, trình duyệt sẽ dành 1 diện tích vừa đúng kích thước ảnh và tiếp tục tải dữ liệu . Như vậy, người xem mang thể đọc ngay phần văn bản trong lúc hình ảnh vẫn tiếp tục được hiện ra từng phần.
>>> Xem thêm: Thiết kế website thời trang
5. giảm thiểu dùng Javascript:
vài hiệu ứng hoạt hình của Java script cực kỳ phong cách và rộng rãi người sở hữu xu hướng đưa chúng vào website của mình. Tuy nhiên, sử dụng quá rộng rãi Javascript với thể thiết kế trình duyệt bị treo cứng làm mọi người bực mình. buộc phải cân nhắc thật kỹ càng trước lúc sử dụng chúng.
Vị trí đặt các đoạn mã script cũng tương đối quan trọng đối sở hữu tốc độ hiển thị. Lời khuyên của dân lập trình chuyên nghiệp: chỉ để vài script thực sự quan trọng với ảnh hưởng toàn trang lên đầu, còn những hiệu ứng khác (hoạt hình, thống kê,…) thì cho xuống cuối trang.
Việc đưa Javascript và CSS ra liên kết bên ngoại trừ tốt hơn là chèn thẳng vào trang website. vài file này sẽ được lưu tại bộ nhớ đệm (cache) của trình duyệt và người mua sẽ không phải download lại chúng mỗi lúc buộc phải đến. Nó giảm đáng nói thời gian và băng thông của máy chủ cũng như quý khách.
6. seo liên kết:
để ý mỗi đường link được đặt trên website hay blog của bạn được viết 1 cách ngắn gọn và chính xác. Ví dụ mỗi entry trên 360 Yahoo đều có 1 phần "Permanent Link" để lấy liên kết chính xác và gọn gàng hơn nhiều so sở hữu một số gì hiển thị trên ô cửa hàng (address bar) của trình duyệt. Việc tiêu dùng chính xác đường link sẽ giảm bớt một vài cần không đáng với đối mang máy chủ trong một số ví như.
7. Giảm bớt vài cần HTTP đến máy chủ:
khi mở web, mỗi đối tượng trên trang (hình ảnh, script, hình vẽ, đường kẻ, …) đều tạo ra 1 bắt buộc đến máy chủ để tải về. tất nhiên, càng phổ biến đối tượng thì việc tải về càng lâu hơn. do đó, hãy giảm thiểu số đối tượng trên cộng 1 trang và cố gắng gộp file CSS mang các script lại có nhau.
>>> sự kiện liên quan: Thiet ke website xay dung
0 nhận xét:
Đăng nhận xét