Các phương pháp tăng tốc website
Angle123 > 07-26-2016, 02:29 PM
Nghiên cứu thói quen sử dụng máy tính cho thấy tất cả mọi người sẽ chuyển sang trang khác giả dụ web không với “động tĩnh” gì sau 4 giây. do vậy, tốc độ là chi tiết quan trọng và cũng là ưu thế khó khăn để sản xuất tin tức.
một số thủ thuật dưới đây sẽ nâng cao đáng nhắc website của 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 lúc với thể thiết kế nghẽn đường truyền của các bạn với hàng đống buộc phải xem cộng 1 tấm hình trên web. Gánh nặng dữ liệu có thể chuyển sang một 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 dùng chỉ bắt buộc chất lượng phần text và file ảnh cỡ nhỏ, giảm đáng nhắc băng thông đồng nghĩa có việc phục vụ được nhiều người một lúc hơn.
ví như muốn chia sẻ vài file nhỏ, khoảng 2 – 5MB, có khách viếng thăm, người dùng có thể dùng dịch vụ Google Pages như một máy chủ website phụ.
2. tối ưu hóa mã CSS:
hiện nay, rộng rãi website bắt đầu sử dụng CSS (Cascade Style Sheet) để định dạng. Mặc dù bảng CSS nhìn bắt mắt và hiệu quả hơn định dạng bảng HTML, nhưng nó đòi hỏi tất cả mọi người buộc phải tối ưu hóa code của chúng mới mong đạt được tốc độ hoàn hảo. Đoạn mã CSS “sạch” sẽ giúp trình duyệt giải mã trang web nhanh hơn.
Ví dụ: Thay do viết:
margin-top: 20px;
margin-right: 10px;
margin-bottom: 20px;
margin-left: 10px;
mọi người nên viết:
margin: 20px 10px 20px 10px;
Theo những chuyên gia seo của Yahoo thì một số mã CSS cần được đặt ở phần đầu của web. Điều này đặc trưng ý nghĩa trường hợp trang của người mua to và sở hữu rộng rãi đối tượng. giả dụ khách hàng đặt CSS ở cuối hoặc giữa trang website, trình duyệt 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 lúc nhìn một website vỡ tung khi chưa định hình.Thậm chí, các 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 người mua quá trình hợp lý này, chiếc bỏ một vài khai báo thừa và không gian vô nghĩa. quý khách sở hữu thể tham khảo tại đây.
3. tối ưu hóa hình ảnh:
với 4 chiếc định dạng hình ảnh sử dụng đa dạng trên web: PNG, JPG, /JPEG và GIF. tất cả một vài 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 đảm bảo hình và kích thước file.
4. Khai báo kích thước hình ảnh:
đa dạng 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 với trình duyệt kích thước của ảnh trước lúc dữ liệu được tải về. nếu ko được khai báo trước, trình duyệt đề nghị tự tính toán kích thước bằng bí quyết download đông đảo hình ảnh về, sau đó mới tới lượt một vài dữ liệu khác.
lúc khai báo hình ảnh sở hữu phần lớn các tag, trình duyệt sẽ dành 1 không gian vừa đúng kích thước ảnh và tiếp tục tải dữ liệu . Như vậy, người xem có 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.
5. tránh dùng Javascript:
những hiệu ứng hoạt hình của Java script cực kỳ phong cách và đa dạng người sở hữu xu hướng đưa chúng vào website của mình. Tuy nhiên, tiêu dùng quá phổ biến Javascript sở hữu thể xây dựng trình duyệt bị treo cứng làm cho mọi người bực mình. yêu cầu cân kể thật kỹ lưỡng trước khi tiêu dùng chúng.
Vị trí đặt một số đoạn mã script cũng khá quan trọng đối có 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 mang ảnh hưởng toàn trang lên đầu, còn một vài 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 tốt hơn là chèn thẳng vào trang website. một vài file này sẽ được lưu tại bộ nhớ đệm (cache) của trình duyệt và bạn sẽ chẳng hề download lại chúng mỗi khi buộc phải tới. Nó giảm đáng đề cập thời gian và băng thông của máy chủ cũng như quý khách.
6. tối ưu hóa liên kết:
để ý mỗi đường link được đặt trên website hay blog của tất cả mọi người đượ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 sở hữu một phần “Permanent Link” để lấy liên kết chính xác và gọn gàng hơn nhiều so có những gì hiển thị trên ô nhà hàng (address bar) của trình duyệt. Việc dùng chính xác đường link sẽ giảm bớt một vài bắt buộc không đáng với đối với máy chủ trong các giả dụ.
7. Giảm bớt một vài yêu cầu HTTP đến máy chủ:
lúc mở web, mỗi đối tượng trên trang (hình ảnh, script, hình vẽ, đường kẻ, …) đều tạo ra một phải tới máy chủ để tải về. kèm theo, càng nhiều đối tượng thì việc tải về càng lâu hơn. bởi vậy, hãy hạn chế số đối tượng trên cộng một trang và tìm mọi cách gộp file CSS sở hữu những script lại mang nhau.