Trang chủ | Khách hàng | Mẫu Website | Tin công nghệ | Câu hỏi | Liên hệ  
 Giới thiệu
 Thiết kế website
 Nâng cấp website
 Quảng cáo Google Adwords
 Email Server
 Quản trị DN trực tuyến
 Dịch vụ SEO từ khóa
 Khách hàng SEO
 Thiết kế web SEO tự động
 Quản trị nội dung website
 Dịch vụ đăng ký tên miền
 Linux hosting
 Dịch Vụ Marketing - Online
 

Tư vẫn kỹ thuật
0912.586.642, hỗ trợ thiết kế website
0912.586.642
Hỗ trợ sau bán hàng
0912.586.642, hỗ trợ thiết kế website
0912.586.642
Hotline: 0912.586.642
Hỗ trợ khách hàng qua Remote Desktop Control

Tai lieu
Tối ưu hóa tốc độ hiển thị khi thiết kế website
Thiết kế website
 

Tối ưu hóa tốc độ hiển thị khi thiết kế website

Khi bạn đã có một website và thiết kế website đó chuyên nghiệp, nhưng bạn lại chưa quan tâm là tốc độ hiển thị của website đó ra sao, nó có lý tưởng cho người dùng hay không? Bài viết này sẽ giúp bạn giải quyết vấn đề trên một cách hiệu quả:

1. Dùng CSS định nghĩa thuộc tính của các đối tượng trong website

Việc dùng CSS sẽ giúp cải thiện tốc độ tải trang web đáng kể. Trình duyệt sẽ chỉ tải file CSS về máy client một lần, những lần sau các trang web sử dụng file CSS này sẽ lấy ngay tại client. Việc tập trung toàn bộ định nghĩa thuộc tính vào file CSS giúp cho đoạn mã HTML trở nên ngắn gọn, rõ ràng đồng thời giúp giảm kích thước của trang web. Một điểm tiện lợi nữa khi dùng file CSS là bạn có thể thay đổi màu sắc, giao diện của những trang web một cách nhanh chóng thông qua việc chỉnh sửa những thuộc tính trong file CSS.

2. Viết Javascript trên một trang và dùng cho nhiều trang khác


Điều này tương tự như kỹ thuật dùng file CSS cho mọi trang web. Ví dụ đoạn mã Javascript hiển thị quảng cáo dùng cho nhiều trang, nếu bạn viết toàn bộ mã Javascript trong một file. Giống như file CSS, trình duyệt chỉ tải về file này một lần.

3. Dùng Ajax

Ajax là chữ viết tắt của Asynchronous JavaScript And XML, là kỹ thuật dùng Javascript và XML để tối ưu việc trao đổi dữ liệu giữa client và server. Giả sử trang web của ban chứa rất nhiều thông tin, trong đó có một phần chứa 2 combobox: Quốc Gia và Thành Phố. Khi bạn chọn một quốc gia trên combobox 1, thì trong combobox 2 các thành phố tương ứng sẽ hiện ra. Theo cách thông thường, khi chọn một quốc gia, thông số của nó sẽ được gửi về server. Tại đây nội dung của trang web được tính toán lại rồi được gửi trả cho client với combobox2 chứa các thành phố của quốc gia được chọn. Như vậy chỉ một phần nhỏ trong trang web thay đổi mà phải tải về toàn bộ trang web và vẽ lại. Với AJAX, sau khi xử lý, server chỉ gửi trả kết quả cho client danh sách các thành phố chứ không phải toàn bộ trang web. Điều này cải thiện rất nhiều tốc độ đáp ứng của trang web.

4. Mạnh dạn bỏ những gì không cần thiết


Bỏ file flash, audio nếu chúng không thực sự cần thiết. Ngoài ra, đối với người lập trình web, việc sử dụng control của HTML thay cho server control của ASP/JSP... cũng giúp giảm được thời gian biên dịch (từ ASP/JSP... sang HTML).

5. Tránh dùng table lồng trong table


Khi bạn viết table lồng trong table, trình duyệt sẽ mất nhiều thời gian hơn để hiển thị trang web. Đây là điều ít người để ý nhất nhưng lại là một kỹ thuật cải thiện tốc độ hiển thị trang web đáng kể nhất. Khi bạn đặt một table bên trong một table, sẽ mất một khoảng thời gian khá dài để trình duyệt web duyệt qua toàn bộ mã lệnh bên trong mỗi table rồi mới làm đến việc trình bày lên màn hình cho người xem. Nếu có thể, bạn hãy sử dụng CSS để tạo ra những dòng và cột cho trang web.

6. Không dùng table bao toàn bộ nội dung trang web

Trình duyệt sẽ phải tải toàn bộ thông tin của các thành phần trong bảng gồm: Top, LeftMenu, Content... về máy client, rồi xử lý tính toán toàn bộ control, khoảng trắng, hình ảnh... bên trong table. Khi mọi việc đã thực sự hoàn tất, trình duyệt web lúc đó mới hiển thị toàn bộ nội dung bên trong table lên màn hình cùng lúc. Nếu không dùng table bao toàn bộ nội dung trang web, thì ngoài việc giảm được dung lượng trang web, thời gian xử lý hiển thị tại máy client, nó còn cho phép trình duyệt web hiển thị dần từng phần đã xử lý xong, cho người dùng có một vài thông tin để đọc trước, trong khi chờ những phần khác tiếp tục hiển thị, điều này tạo cho người dùng cảm giác trang web của bạn có tốc độ hiển thị nhanh.

7. Phân trang web thành các trang nhỏ hơn

Thay vì hiển thị toàn bộ thông tin trên 1 trang web, bạn hãy phân trang web thành nhiều mục nhỏ và hiển thị trên nhiều trang khác nhau. Giống như Yahoo Mail, tại mỗi thời điểm, các bạn chỉ có thể xem được tiêu đề của 50 email lên màn hình, để xem danh sách các email khác bạn phải nhấn liên kết next/previous...Điều này không chỉ giúp tăng tốc độ hiển thị trang web mà trên thực tế, phần lớn người dùng thật sự không thích phải ngồi chờ vài phút để rồi xem một trang web có nội dung khá dài, phải dùng đến scroll bar mới xem được hết toàn bộ nội dung.

8. Xóa các khoảng trắng không cần thiết


Cố gắng xóa tất cả những khoảng trắng không cần thiết trong đoạn mã html. Hãy nhớ là một lần ấn phím space sẽ làm tăng kích thước trang web của bạn lên 1 byte. Việc loại bỏ khoảng trắng này có thể làm bằng tay hoặc dùng công cụ hỗ trợ như HTML code Cleaner.

9. Dọn dẹp mã chương trình

Hãy loại bỏ toàn bộ những thẻ trống. Điều này không những giúp cải thiện dung lượng trang web, tăng tốc độ hiển thị mà còn giúp cho mã lệnh của bạn trở nên rõ ràng, giúp dễ dàng hiệu chỉnh hoặc nâng cấp.

10. Tối ưu hình ảnh

Hạn chế dùng hình ảnh: Hình ảnh giúp cho trang web của bạn trở nên sống động và lôi cuốn, tuy nhiên hình ảnh cũng chính là một trong những nguyên nhân làm chậm tốc độ hiển thị trang web. Chỉ định rõ kích thước của hình ảnh: Khi trình duyệt hiển thị hình ảnh của trang web, nó phải biết kích thước của tấm ảnh để có thể chừa khoảng trống trên màn hình cho việc hiển thị tấm ảnh này, và việc hiển thị sẽ theo trình tự từ trên xuống. Nếu bạn không định rõ kích thước của tấm ảnh. Ví dụ: trình duyệt phải tải tấm ảnh trước để xác định kích thước rồi mới xử lý hiển thị nội dung. Điều này cũng tương tự như việc sử dụng table bao toàn bộ nội dung. Vì vậy nếu được, bạn nên sử dụng khai báo “width”, “height” để chỉ định trước kích cỡ của hình ảnh.

Giảm kích thước hình ảnh: Hãy giảm tối đa kích thước hình ảnh. Đôi khi bạn không cần phải trương lên trang web những hình ảnh có chất lượng thật cao mà có thể dùng thumbnail thay thế. Định dạng GIF/JPG là lựa chọn hàng đầu cho trang web vì kích thước nhỏ.

11. Yếu tố khác:


- Do server: Giảm thiểu những tính toán trên máy chủ, tối ưu CSDL, tạo bộ đệm, tối ưu chương trình...
- Do đường truyền: Giảm thiểu dữ liệu truyền trên mạng bằng cách giảm kích thước các file hình, giảm yêu cầu trao đổi dữ liệu giữa server và client...
- Do máy client: tối ưu mã html để trình duyệt hiển thị nhanh.


 

Tags:
 Bản In Quay về  Lên đầu trang
 »  Kiến thức về SEO
 »  Thiết kế website
 »  Domain - Hosting
 »  Thiết kế logo
 »  Phần mềm
 »  An ninh bảo mật
 »  Thủ Thuật CNTT
 »  Thương mại điện tử
 »  Tin học văn phòng
 »  Đồ họa máy tính
1.   Facebook dính scandal làm lộ thông tin người dùng
2.   20 lí do nên thiết kế web ngay bây giờ
3.   Google cung cấp sitelinks một dòng
4.   Telenor – những sai lầm nghiêm trọng trong phát triển website
5.   11 nguyên tắc để website thương mại thành công
6.   Bảo mật từ đầu cho ứng dụng web
7.   Một số phương thức quản trị website của doanh nghiệp
8.   10 chiêu tăng lượng truy cập cho website
9.   10 ứng dụng chống spam cho website
10.   Chăm sóc website
11.   Cách thức ngăn chặn hành vi trộm Website
12.   Tạo sự hấp dẫn cho website...
13.   Một số phương thức quản trị website của doanh nghiệp
14.   Những điểm lưu ý khi thiết kế website
15.   Microsoft trình làng công cụ thiết kế web mới
16.   Thấy gì ở những website của các cơ quan nhà nước
17.   Kiểm nghiệm website trên nhiều trình duyệt
18.   Cần làm gì để cải thiện chất lượng website của bạn?
19.   Để tạo một trang chủ hấp dẫn cho website
20.   Ấn tượng của website nằm trong 1/20 giây đầu tiên
Vietwebsite.vn Located at 8/2/93 Kham Thien - Ha Noi , Hanoi, VN. Reviewed by: SEO by Vietwebsite.vn . Rated: 9/ 10 (Excellent)

Công Ty TNHH Phần Mềm & Giải Pháp Trực Tuyến Việt Website
Trụ sở chính tại Hà Nội
Địa chỉ:
Tòa nhà 8/2, Cống Trắng, Khâm  Thiên, Đống Đa, HN
Tel:
0462.965.940 - 0466.606.420 -  Fax: 0438.514.338 
Email: info@vietwebsite.vn                   
Văn phòng tại TP Hồ Chí Minh
Địa chỉ: Số 05, Đường 2 Khu phố 1, T. Tam Bình, Q.Thủ Đức, TP. HCM

Tel:
0866.603.059
Email: vietwebsite.hcm@vietwebsite.vn