Tang toc do hien thi web

Toc do hien thi trang web phu thuoc vao nhieu yeu to nhu toc do duong truyen, toc do xu ly cua server, noi dung trang web va toc do xu ly cua may tinh client. De tang toc do hien thi trang web, co the chia lam 3 phan de xu ly nhu sau:

- Tai server: Giam thieu nhung tinh toan tren server, toi uu CSDL, tao bo dem, toi uu chuong trinh...

- Duong truyen: Giam thieu du lieu truyen tren mang bang cach giam kich thuoc cac file hinh, giam yeu cau trao doi du lieu giua server va client...

- Tai may client: toi uu ma html de trinh duyet hien thi nhanh.

Voi chien luoc tren, duoi day la 10 thu thuat co the giup tang toc do hien thi trang web.

1. Dung CSS dinh nghia thuoc tinh cua cac doi tuong trong trang web

Viec dung CSS se giup cai thien toc do tai trang web dang ke. Trinh duyet se chi tai file CSS ve may client mot lan, nhung lan sau cac trang web su dung file CSS nay se lay ngay tai client. Viec tap trung toan bo dinh nghia thuoc tinh vao file CSS giup cho doan ma HTML tro nen ngan gon, ro rang dong thoi giup giam kich thuoc cua trang web.

Mot diem tien loi nua khi dung file CSS la ban co the thay doi mau sac, giao dien cua nhung trang web mot cach nhanh chong thong qua viec chinh sua nhung thuoc tinh trong file CSS.

2. Viet Javascript tren mot trang va dung cho nhieu trang

Dieu nay tuong tu nhu ky thuat dung file CSS cho moi trang web. Vi du doan ma Javascript hien thi quang cao dung cho nhieu trang, neu ban viet toan bo ma Javascript trong mot file roi khai bao dung no o cac trang nhu sau:

< script type=”text/javascript” src=”quangcao.js”>< /script>

Giong nhu file CSS, trinh duyet chi tai ve file nay mot lan.

3. Dung AJAX

AJAX la chu viet tat cua Asynchronous JavaScript And XML, day la ky thuat dung Javascript va XML de toi uu viec trao doi du lieu giua client va server. Gia su trang web cua ban chua rat nhieu thong tin, trong do co mot phan chua 2 combobox: Quoc Gia va Thanh Pho. Khi ban chon mot quoc gia tren combobox 1, thi trong combobox 2 cac thanh pho tuong ung se hien ra. Theo cach thong thuong, khi chon mot quoc gia, thong so cua no se duoc gui ve server. Tai day noi dung cua trang web duoc tinh toan lai roi duoc gui tra cho client voi combobox2 chua cac thanh pho cua quoc gia duoc chon. Nhu vay chi mot phan nho trong trang web thay doi ma phai tai ve toan bo trang web va ve lai. Voi AJAX, sau khi xu ly, server chi gui tra ket qua cho client danh sach cac thanh pho chu khong phai toan bo trang web. Dieu nay cai thien rat nhieu toc do dap ung cua trang web.

4. Manh dan bo nhung gi khong can thiet

Bo file flash, audio neu chung khong thuc su can thiet. Ngoai ra, doi voi nguoi lap trinh web, viec su dung control cua HTML thay cho server control cua ASP/JSP... cung giup giam duoc thoi gian bien dich (tu ASP/JSP... sang HTML).

5. Tranh dung table long trong table

Khi ban viet table long trong table, trinh duyet se mat nhieu thoi gian hon de hien thi trang web. Day la dieu it nguoi de y nhat nhung lai la mot ky thuat cai thien toc do hien thi trang web dang ke nhat. Khi ban dat mot table ben trong mot table, se mat mot khoang thoi gian kha dai de trinh duyet web duyet qua toan bo ma lenh ben trong moi table roi moi lam den viec trinh bay len man hinh cho nguoi dung xem. Neu co the, ban hay su dung CSS de tao ra nhung dong va cot cho trang web.

6. Khong dung table bao toan bo noi dung trang web

Neu ban dung mot table lon de tao layout cho trang web nhu sau:

Trinh duyet se phai tai toan bo thong tin cua cac thanh phan trong bang gom: Top, LeftMenu, Content... ve may client, roi xu ly tinh toan toan bo control, khoang trang, hinh anh... ben trong table. Khi moi viec da thuc su hoan tat, trinh duyet web luc do moi hien thi toan bo noi dung ben trong table len man hinh cung luc.

Neu khong dung table bao toan bo noi dung trang web, thi ngoai viec giam duoc dung luong trang web, thoi gian xu ly hien thi tai may client, no con cho phep trinh duyet web hien thi dan tung phan da xu ly xong, cho nguoi dung co mot vai thong tin de doc truoc, trong khi cho nhung phan khac tiep tuc hien thi, dieu nay tao cho nguoi dung cam giac trang web cua ban co toc do hien thi nhanh.

7. Phan trang web thanh cac trang nho hon

Thay vi hien thi toan bo thong tin tren 1 trang web, ban hay phan trang web thanh nhieu muc nho va hien thi tren nhieu trang khac nhau. Giong nhu Yahoo Mail, tai moi thoi diem, cac ban chi co the xem duoc tieu de cua 50 email len man hinh, de xem danh sach cac email khac ban phai nhan lien ket next/previous...

Dieu nay khong chi giup tang toc do hien thi trang web ma tren thuc te, phan lon nguoi dung that su khong thich phai ngoi cho vai phut de roi xem mot trang web co noi dung kha dai, phai dung den scroll bar moi xem duoc het toan bo noi dung.

8. Xoa cac khoang trang khong can thiet

Co gang xoa tat ca nhung khoang trang khong can thiet trong doan ma html. Hay nho la mot lan an phim space se lam tang kich thuoc trang web cua ban len 1 byte. Viec loai bo khoang trang nay co the lam bang tay hoac dung cong cu ho tro nhu HTML code Cleaner (co the tim voi Google).

9. Don dep ma chuong trinh cho sang sua

Hay loai bo toan bo nhung the trong nhu div>
 

10. Toi uu hinh anh

Han che dung hinh anh: Hinh anh giup cho trang web cua ban tro nen song dong va loi cuon, tuy nhien hinh anh cung chinh la mot trong nhung nguyen nhan lam cham toc do hien thi trang web.

Chi dinh ro kich thuoc cua hinh anh: Khi trinh duyet hien thi hinh anh cua trang web, no phai biet kich thuoc cua tam anh de co the chua khoang trong tren man hinh cho viec hien thi tam anh nay, va viec hien thi se theo trinh tu tu tren xuong. Neu ban khong dinh ro kich thuoc cua tam anh (vi du: <WIDTH=”125” height="”50”">), trinh duyet phai tai tam anh truoc de xac dinh kich thuoc roi moi xu ly hien thi noi dung. Dieu nay cung tuong tu nhu viec su dung table bao toan bo noi dung. Vi vay neu duoc, ban nen su dung khai bao “width”, “height” de chi dinh truoc kich co cua hinh anh.

Giam kich thuoc hinh anh: Hay giam toi da kich thuoc hinh anh. Doi khi ban khong can phai truong len trang web nhung hinh anh co chat luong that cao ma co the dung thumbnail thay the. Dinh dang GIF/JPG la lua chon hang dau cho trang web vi kich thuoc nho.

Theo PCWORLDVN