Những nguyên nhân khiến web của bạn bị chậm và cách tối ưu

Những nguyên nhân khiến web của bạn bị chậm và cách tối ưu

Một số nguyên nhân chính

  • Hình ảnh chất lượng cao và nặng: Do kích thước hình ảnh quá lớn so với kích thước người dùng xem. Làm tăng thời gian tải trang web
  • Dịch vụ hosting kém chất lượng: Khách hàng lớn nhưng cấu hình server thấp, bảo mật kém, khoản cách địa lý…
  • Chưa tối ưu HTML, CSS, js..: Dư thừa mã css và js, viết mã tạo nhiều file css và js. Css dùng nhiều hình ảnh làm hình nền. Mã nguồn cồng kềnh, bừa bộn, cài đặt quá nhiều plugin
  • Cài quá nhiều plugin: Cài đặt quá nhiều ứng dụng của bên thứ 3 không kiểm soát sẽ gia tăng gánh nặng cho web khiến cho tốc độ tải trang trở lên chậm chạp  
nguyên nân khiến web bị chậm
Nguyên nân khiến web bị chậm

   Cách khắc phục 

1.Về hình ảnh

  • Chứa hình ảnh của website ở các domain khác nhau: trình duyệt web có thể load từ nhiều domain cùng một lúc, tạo cảm giác rằng website của bạn load nhanh hơn. Hơn nữa, bạn sẽ sử dụng ít CPU và bandwidth của server chính hơn
    • Nén các file hình ảnh theo đúng loại file nén: Sử dụng loại nén “lossy” – JPEG cho các hình ảnh nhiều màu sắc. Sử dụng loại nén “lossless – PNG và GIF – cho các hình ảnh ít màu sắc.
  • Thay đổi kích thước hình ảnh cho phù hợp: Đừng resize hình ảnh theo chiều rộng và cao. Resize chúng bằng Photoshop, Fireworks hoặc các chương trình xử lí ảnh chuyên nghiệp với đúng kích cỡ cần hiển thị.
  • Sử dụng các định dạng video cho nội dung động: Các ảnh GIF lớn không hiệu quả trong việc phân phối nội dung động. Hãy xem xét sử dụng video MPEG4/WebM cho ảnh động và PNG/WebP cho ảnh tĩnh thay vì ảnh GIF để tiết kiệm dữ liệu mạng (số byte mạng)
  • Trì hoãn tải các hình ảnh ngoài màn hình: trì hoãn tải các hình ảnh ẩn và ngoài màn hình sau khi tất cả tài nguyên quan trọng tải xong để giảm thời gian tương tác (lazy load) . Hiện tại công cụ Thiết kế web giá rẻ đã tự động tối ưu hình ảnh theo cơ chế lazy load.
  • Phân phối hình ảnh ở định dạng mới và hiệu quả hơn: Các định dạng hình ảnh như JPEG 2000, JPEG XR và WebP thường nén tốt hơn so với các định dạng PNG hoặc JPEG. Điều này có nghĩa là tốc độ tải xuống nhanh hơn và tiêu tốn ít dữ liệu hơn

2. Tối ưu hoá mã nguồn của website

  • Viết code thật rõ ràng, súc tích:  xóa bỏ code dư thừa, làm gọn code, không cmt quá nhiều
    • Đưa các cấu hình CSS và JS vào các file riêng biệt:  không nên nhúng thẳng vào mỗi trang. Nếu bạn nhúng javascript hay css vào thì cứ mỗi lượt viếng thăm trang web, đều phải download code đó mỗi lần tại mỗi trang. Nếu  tách riêng ra thì sẽ bỏ qua code và các browser sẽ cache nó lại được.
  • Chia rõ các cấu hình CSS ra: Tạo 1 stylesheet chứa duy nhất cấu hình sử dụng chung cho tất cả các trang. Sau đó, tạo các stylesheet riêng biệt cho mỗi layout của từng trang như: trang chủ, trang sản phẩm, trang tin tức,…Chỉ load những gì cần thiết trên mỗi trang.
  • Tách riêng các file javascript ra: giống như các file CSS vậy.
  • Hoãn lại việc load các javascript khi có thể: kỹ thuật này sẽ cho các web browser biết nó sẽ load các javascript có thuộc tính “defer” cuối cùng, sau khi đã load hết các thành phần các của trang web. Điều này sẽ làm giảm nguy cơ bị chậm, bị lỗi hoặc bị đứng đang web khi các file javascript bị lỗi.  <script type=’text/javascript’ src=’common.js’ defer=’defer’></script>
  • Loại bỏ các tài nguyên chặn hiển thị: các file .js hay css không thực sự quan trọng trong việc hiển thị nội dung chính có thể đưa xuống cuối trang để tránh làm mất thời gian tải trang
  • Không đặt file quá sâu: Các file js, css, html liên quan trực tiếp tới hiển thị trang không nên đặt quá sâu  (chứa trong nhiều sub folder)
  • Không tạo các dom html quá sâu: Tức là trong một thẻ cha chỉ nên có thẻ con thẻ cháu, chắt, chút chít chứ không nên có cả cháu của cháu của cháu ..

3.  Khắc phục hosting

  • Đầu tư vào hosting có chất lượng tốt, uy tín.
  • Sử dụng chuẩn nén GZIP trên web server
  • Thiết lập caching trên server.
  • Đặt database ở một server khác.
  • Sử dụng JOIN để viết các câu truy vấn SQL lấy dữ liệu ở nhiều bảng khác nhau

4.  Khắc phục plugin

  • Chỉ sử dụng plugin thực sự cần thiết
  • Tự code chức năng thay vì sử dụng plugin để tránh dư thừa code không cần thiết. 
Click để đánh giá
[Tổng: 2 / Trung bình: 5]

Trả lời

Email của bạn sẽ không được hiển thị công khai. Các trường bắt buộc được đánh dấu *

    Bài viết cùng chuyên mục:

    • Tại Sao Phải Xây Dựng Website bán hàng ?

      Mục lụcMột số nguyên nhân chính   Cách khắc phục 1.Về hình ảnh2. Tối ưu hoá mã nguồn của website3.  Khắc phục hosting4.  Khắc phục plugin Tại Sao Phải Xây Dựng Website bán hàng Với sự phát triển mạnh mẽ của Công nghệ thông tin cùng với sự lớn mạnh của Thương Mại Điện Tử thì mỗi doanh …

    • Thiết kế website? Hướng dẫn thiết kế website từ A đến Z

      Mục lụcMột số nguyên nhân chính   Cách khắc phục 1.Về hình ảnh2. Tối ưu hoá mã nguồn của website3.  Khắc phục hosting4.  Khắc phục plugin Hiện nay, bạn đi đến đâu hay làm bất cứ ngành nghề nào website có lẽ là cụm được nhắc đến nhiều nhất. Vậy có khi nào bạn đã tìm cho mình …

    • Thiết kế website ở Hóc Môn

      Mục lụcMột số nguyên nhân chính   Cách khắc phục 1.Về hình ảnh2. Tối ưu hoá mã nguồn của website3.  Khắc phục hosting4.  Khắc phục plugin Hóc Môn là một huyện ngoại thành thuộc thành phố Hồ Chí Minh, Việt Nam. Huyện Hóc Môn nằm về phía Tây Bắc thành phố. Huyện nằm ở giữa Quận 12 và …

    • Hướng dẫn toàn tập về cách lấy backlink từ Blog

      Mục lụcMột số nguyên nhân chính   Cách khắc phục 1.Về hình ảnh2. Tối ưu hoá mã nguồn của website3.  Khắc phục hosting4.  Khắc phục plugin Gần đây có rất nhiều hướng khi mọi người xác định lấy lấy backlink từ Blog, có thể là dùng các tool auto như GSA, Senuke..v.v nhưng mình chắc chắn một điều …

    • Giá thiết kế website trọn gói là bao nhiêu ?

      Mục lụcMột số nguyên nhân chính   Cách khắc phục 1.Về hình ảnh2. Tối ưu hoá mã nguồn của website3.  Khắc phục hosting4.  Khắc phục plugin Thiết kế website hiện đang là một nhu cầu thiết yếu để khách hàng có thể nắm bắt kịp với thời đại công nghệ 4.0, nhiều khách hàng đã đặt  ra câu …

    • Share list trang DA 50-90 để anh em đặt backlink cực chất lượng

      Mục lụcMột số nguyên nhân chính   Cách khắc phục 1.Về hình ảnh2. Tối ưu hoá mã nguồn của website3.  Khắc phục hosting4.  Khắc phục plugin Hôm nay mình xin mạn phép chia sẻ cho anh em một list site web có điểm DA cao từ 50 đến 90 cực chất , và là hàng hiếm cho anh …

    • 65 Trang web của google có thể đưa website của bạn lên TOP nhanh chóng

      Mục lụcMột số nguyên nhân chính   Cách khắc phục 1.Về hình ảnh2. Tối ưu hoá mã nguồn của website3.  Khắc phục hosting4.  Khắc phục plugin Bạn đang học SEO và bạn biết mục đích của seo  là để giúp website đạt được thứ hạng cao trên các trang tìm kiếm, tiêu biểu là Google. Vậy những thông …

    • 7 Mục đích của SEO mà bạn cần biết đến trong năm 2020

      Mục lụcMột số nguyên nhân chính   Cách khắc phục 1.Về hình ảnh2. Tối ưu hoá mã nguồn của website3.  Khắc phục hosting4.  Khắc phục plugin SEO là viết tắt của Search Engine Optimization (tối ưu hóa công cụ tìm kiếm) và là một kỹ thuật đặc biệt trong Internet Marketing. Mục đích giúp website đạt được thứ …

    Chat Facebook