Tăng tốc website: Giảm số lượng đối tượng DOM

Một trang web phức tạp thường có dung lượng tải về lớn và việc này cũng sẽ làm cho việc truy xuất các đối tượng DOM (Document Object Model) trong JavaScript trở nên “ì ạch”. Chắc chắn sẽ có sự khác biệt khi bạn duyệt qua một trang web với 500 đối tượng và một trang web với 5000 đối tượng, thậm chí nhiều hơn.

1861e07b 10d0 4582 af51 4e5b5621fc30 Tăng tốc website: Giảm số lượng đối tượng DOM

Một số lượng lớn đối tượng DOM có thể là triệu chứng cảnh báo bạn cần cải tiến mã HTML của trang web mà không cần thiết phải gỡ bỏ hay giảm bớt nội dung. Bạn đang sử dụng nhiều bảng biểu được xếp chồng lên nhau cho mục địch hiển thị, hay sử dụng nhiều tag dạng

chỉ để khắc phục những trục trặc liên quan đến hiển thị?

Bạn có thể sử dụng các công cụ của YUI CSS (http://developer.yahoo.com/yui/), như grids.css để kiểm soát tốt phần thiết kế (layout), hay font.css và reset.css có thể giúp bạn bỏ qua định dạng mặc định của trình duyệt. Đây là cơ hội tốt để bạn làm mới cũng như tạo ra sự khác biệt cho trang web của mình trong khâu hiển thị.

Các lập trình viên thường tự hỏi bao nhiêu đối tượng DOM là quá nhiều? Ví dụ, trang chủ của Yahoo! là một là trang web khá dày đặc nhưng chỉ có dưới 700 đối tượng. Bạn có thể dễ dàng xác định số lượng đối tượng DOM với tiện ích Firebug (http://getfirebug.com/). Trong cửa sổ console, bạn gõ vào lệnh document.getElementsByTagName(‘*’).length.

Tham khảo: Developer Network

Submit Thread to Facebook Submit Thread to Twitter Submit Thread to Google
Các tin tức khác
icon Tổng hợp form liên hệ, báo cáo, trợ giúp, xem xét... gửi đến Google
icon Hướng dẫn quản trị và sử dụng mail Mdaemon cơ bản
icon Cách sử dụng title tag hiệu quả cho SEO
icon Bạn cần hiểu Conversion Rate là gì?
icon Từ khoá nằm trong tên miền có hay không có tác dụng trong SEO
icon Công thức tính chất lượng cho backlink
icon Bạn kiếm bao nhiêu tiền từ một từ khóa?
icon Để có Pagerank 10 thì cần trung bình bao nhiêu backlink?
icon Hình thức liên kết trong SEO
icon Những yếu tố quan trong nhất ảnh hưởng từ SEO On page
Kênh Dịch Vụ mong muốn trở thành một trong những đơn vị hàng đầu trong việc cung cấp các giải pháp trực tuyến mang tính cách mạng nhằm mang lại hiệu quả cao nhất cho khách hàng. Để đạt mục tiêu đó, chúng tôi tự biết mình sẽ phải luôn phấn đấu và học hỏi.
Liên hệ trực tiếp:
0972.126.126
support@kenhdichvu.vn
  •  
  • TRUNG TÂM PHẦN MỀM & THƯƠNG MẠI ĐIỆN TỬ KENHDICHVU
    Địa chỉ VP: 226 Bạch Mai, Hai Bà Trưng, Hà Nội
    Hotline : 0972.126.126
    Hotmail: support@kenhdichvu.vn