Hỗ trợ kỹ thuật:
 support@xpt.vn
 08.3592.1630

Tư vấn khách hàng
 contact@xpt.vn
 08.3592.1630–0906.305.305

Than phiền:
phu.nguyen@xpt.vn


Hỗ trợ trực tuyến


 

DANH BẠ WEBSITE
PHẦN MỀM HỮU ÍCH
FORUM HỌC THIẾT KẾ WEB
Trực tuyến:    8
Hôm nay:    1879
Khách viếng thăm:    12694316
Bảo hành vĩnh viễn!
Chế độ bảo hành không giới hạn thời gian cho tất cả các website được thiết kế & lưu trữ trên máy chủ của XPT
Thiết kế ấn tượng, độc đáo!
Website quí khách sẽ được thiết kế ấn tượng, nổi bật theo yêu cầu của từng khách hàng!
Không sử dụng mã nguồn mở!
Website của quí khách sẽ được vận hành trên nền hệ quản trị nội dung cao cấp do chính đội ngũ XPT thiết kế & phát triển, mà không sử dụng các hệ quản trị nội dung miễn phí có sẵn (free open source)
Dịch vụ chuyên nghiệp
Với phong cách phục vụ Khách hàng chuyên nghiệp, tận tình.Đội ngũ HIGHLAND SOFT sẽ mang đến cho Quý khách hàng sự hài lòng về Web site của mình khi chọn HIGHLAND SOFT là nhà thiết kế.
Tin thương mại điện tử Danh mục tin tức
7 thủ thuật tối ưu code để tăng tốc website
 Nghiên cứu thói quen sử dụng máy tính cho thấy người dùng sẽ chuyển sang trang khác nếu website không có “động tĩnh” gì sau 4 giây. Vì thế, tốc độ là yếu tố quan trọng và cũng là ưu thế cạnh tranh để cung cấp thông tin. 7 thủ thuật dưới đây sẽ tăng đáng kể website của bạn.
1. Chuyển host lưu trữ file hoặc ảnh cỡ lớn sang nơi khác

Nhiều người cùng online một lúc có thể làm nghẽn đường truyền của bạn với hàng đống yêu cầu xem cùng một tấm hình trên website. Gánh nặng dữ liệu có thể chuyển sang những website chuyên để lưu trữ và chia sẻ ảnh như ImagaShack, Photobucket hay Flickr. Bằng cách này, máy chủ web của bạn chỉ cần đảm bảo phần text và file ảnh cỡ nhỏ, giảm đáng kể băng thông đồng nghĩa với việc phục vụ được nhiều người một lúc hơn.


Nếu muốn chia sẻ những file nhỏ, khoảng 2 – 5MB, với khách viếng thăm, bạn có thể sử dụng dịch vụ Google Pages như một máy chủ web phụ.

2. Tối ưu hóa mã CSS

Hiện nay, nhiều 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 bạn phải tối ưu hóa code của chúng mới mong đạt được tốc độ tối ưu. Đoạn mã CSS “sạch” sẽ giúp trình duyệt giải mã trang web nhanh hơn.

Ví dụ: Thay vì viết:
margin-top: 20px;
margin-right: 10px;
margin-bottom: 20px;
margin-left: 10px;
Bạn nên viết:
margin: 20px 10px 20px 10px;
Theo các chuyên gia tối ưu hóa của Yahoo thì các mã CSS nên được đặt ở phần đầu của web. Điều này đặc biệt ý nghĩa nếu trang của bạn lớn và có nhiều đối tượng. Nếu bạn đặt CSS ở cuối hoặc giữa trang web, trình duyệt sẽ dùng định dạng mặc định để hiện thị, sau đó mới tái định dạng bằng CSS. Điều đó đò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 một website vỡ tung khi chưa định hình.Thậm chí, một số trình duyệt cũng cấm đặt CSS tại cuối website.

Nếu chưa thạo về code, công cụ trực tuyến nhỏ Clean CSS sẽ giúp bạn công đoạn tối ưu này, loại bỏ những khai báo thừa và khoảng trống vô nghĩa. Bạn có thể tham khảo tại đây.

Click the image to open in full size.3. Tối ưu hóa hình ảnh

Có 4 loại định dạng hình ảnh sử dụng phổ biến trên web: PNG, JPG, /JPEG và GIF. Hầu hết các phần mềm xử lý ảnh như Adobe Photoshop đều có tính năng “Save for Web” để tối ưu tỉ lệ giữa chất lượng 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 khi 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 khi dữ liệu được tải về. Nếu không được khai báo trước, trình duyệt phải tự tính toán kích thước bằng cách download toàn bộ hình ảnh về, sau đó mới đến lượt các dữ liệu khác.

Khi khai báo hình ảnh có đầy đủ các tag, trình duyệt sẽ dành 1 khoảng trống 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 khi hình ảnh vẫn tiếp tục được hiện ra từng phần.

5. Giảm thiểu sử dụng Javascript

Các hiệu ứng hoạt hình của Java script rất bắt mắt và nhiều người có xu hướng đưa chúng vào website của mình. Tuy nhiên, sử dụng quá nhiều Javascript có thể làm trình duyệt bị treo cứng khiến người dùng bực mình. Phải cân nhắc thật kỹ lưỡng trước khi sử dụng chúng.

Vị trí đặt các đoạn mã script cũng khá quan trọng đối với tốc độ hiển thị. Lời khuyên của dân lập trình chuyên nghiệp: chỉ để những script thực sự quan trọng có ả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 tốt hơn là chèn thẳng vào trang web. Những file này sẽ được lưu tại bộ nhớ đệm (cache) của trình duyệt và người dùng sẽ không phải download lại chúng mỗi khi cần đến. Nó giảm đáng kể thời gian và băng thông của máy chủ cũng như người dùng.

6. Tối ưu hóa liên kết

Chú ý mỗi đường link được đặt trên website hay blog của bạn được viết một 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 với những gì hiển thị trên ô địa chỉ (address bar) của trình duyệt. Việc sử dụng chính xác đường link sẽ giảm bớt những yêu cầu không đáng có đối với máy chủ trong một số trường hợp.

7. Giảm bớt các yêu cầu HTTP tới máy chủ

Khi mở website, mỗi đối tượng trên trang (hình ảnh, script, hình vẽ, đường kẻ, …) đều tạo ra 1 yêu cầu tới máy chủ để tải về. Tất nhiên, càng nhiều đối tượng thì việc tải về càng lâu hơn. Vì thế, hãy giảm thiểu số đối tượng trên cùng 1 trang và cố gắng gộp file CSS với các script lại với nhau.
( 10603 lượt xem )
Chia sẻ với Bạn bè
 
Tin mới nhất

Home  |  Web Design  |  Domain  |  Hosting  |  Customers  |  Forum  |  FAQs  |  Contact Us 
HIGHLAND SOFT Co.,Ltd ( CÔNG TY PHẦN MỀM CAO NGUYÊN)
441/92A Điện Biên Phủ, Phường 25, Bình Thạnh, TP.HCM
Tel: 08.3512.8729 - 08.3512.8729 - Fax: 08.5.2587.595 Hotline: 0906.305.305
Email: contact@xpt.vn - sales@xpt.vn Support Email: support@xpt.vn
Thiết kế web | Thiết kế web theo lĩnh vực | Phần mềm quản lý kho | Phần mềm quản lý bán xe máy | Thiet ke website ban hang da cap mlm | Xe đạp thể thao | Xe đạp địa hình | Mua ban Xe dap truc tuyen | Kênh Video xe đạp thể thao | Xe đạp thể thao Giant | Xe đạp thể thao trinx | Xe đạp thể thao jett | Xe đạp thể thao cannondale | Xe đạp trek | Xe đạp gấp xếp | Xe đạp bmx | Xe đạp nhập khẩu | Xe đạp thời trang | Xe đạp thông dụng | Xe đạp trẻ em, cho bé | phụ kiện xe đạp | Cho thuê xe đạp
thiet ke web - thiet ke website thiet ke web thiet ke website Cac goi thiet ke website Danh ba website thiet ke website mien phi thuong mai dien tu cong ty thiet ke web thiet ke website ban hang hoc thiet ke website mien phi phan mem thiet ke web mien phi