1. Hãy dành vài giây Đăng nhập hoặc Đăng ký tài khoản để truy cập và sử dụng TBit hiệu quả nhất.
    Ẩn thông báo
  2. Bạn hãy like trang Facebook của TBit để nhận được tin tức công nghệ nhanh nhất từ chúng tôi.
    Ẩn thông báo

Tối ưu Website - Thách thức mới trong thời đại thời đại của Mobile-first (P1)

Thảo luận trong 'Thiết kế web' bắt đầu bởi Phạm Đạt, 15/6/18.

0/5, 0 phiếu

    1. Phạm Đạt TBit-Mod

      Phải chăng công việc của lập trình viên sau khi phát triển xong một website là giúp website chạy ổn định, không bug thì coi như đã hoàn thành. Nhưng câu chuyện của năm 2018 có đơn giản như vậy?

      [​IMG]

      Chắc chắn là không ! Trong thời đại mobile-first thì tối ưu hóa Websitel là một công việc quan trọng không kém. Vậy tại sao phải tối ưu hóa website ? Ở bài này mình chỉ mang tính chất giới thiệu về công việc tối ưu website, đưa ra lý do và chỉ tổng quan về cách thức tối ưu.

      Theo số liệu cung cấp bởi google

      [​IMG]

      User facts:
      • 47% người dùng muốn trang web load dưới 2 giây và 40% sẽ bỏ cuộc nếu trang web mất trên 3 giây để load.
      • 79% người dùng sẽ không ghé thăm lại một website có performance tồi.
      • 52% người dùng cho rằng website load nhanh ảnh hưởng trực tiếp đến độ trung thành của họ.
      • 44% người dùng than phiền về tốc độ web với bạn của họ.
      • 1 giây tăng lên trong load-time giảm 16% độ hài lòng của người dùng.
      [​IMG]

      Website facts:
      • 79% có kích thước trên 1MB, 53% trên 2MB và 23% trên 4MB.
      • Mobile load-time đã giảm 7 giây nhưng vẫn tốn khoảng 15 giây, 53% websites tốn hơn 3 giây để hiển thị.
      • Mobile traffic chiếm hơn một nửa web traffic trên toàn thế giới, nhưng tỷ lệ chuyển đổi thành lợi nhuận lại thấp hơn trên các thiết bị máy tính.
      • 70% landing page mất hơn 5 giây để hiển thị.
      • Google sử dụng một deep neural network với độ chính xác 90% để cho ra kết quả sau:giảm load-time được 10 giây, tỷ lệ người dùng tiếp tục sử dụng website tăng 123%
        ngược lại, số lượng elements trên trang web tăng từ 400 lên 6000, tỷ lệ chuyển đổi thành lợi nhuận giảm 95%
      [​IMG]

      Load-time tăng 1 giây:
      - Giảm 11% lượng pageviews
      - Giảm 16% sự hài lòng của khách hàng
      - Giảm 7% lợi nhuận

      Như vậy, ta đã thầy được phần nào sự quan trọng của việc tối ưu Website rồi đúng không nào ! Ngoài việc website chuẩn SEO, giao diện đẹp, đàm bảo về bảo mật thì tốc độ load cũng là yếu tố ảnh hưởng đến lượt view của Web và ảnh hưởng trực tiếp đến doanh thu đối với các trang mạng kinh doanh

      Ở Việt Nam, website của Thế giới di động được giao KPI hiển thị dưới 300ms, còn Tiki và đặc biệt là Sendo có vẻ không quan tâm đến việc này lắm. Các bạn có thể dễ dàng thấy trải nghiệm người dùng ở đâu tốt hơn, ở đâu mọi người mua đồ nhiều hơn.

      Dù sao thì trong tương lai, các website chắc chắn sẽ phải để ý đến việc optimize webservice. Đây vừa là cơ hội và cũng là thách thức với các lập trình viên. Liệu tất cả những lý do trên đã khiến các bạn phải ngồi vào bàn và bỏ thời gian ra làm một website chạy nhanh hơn 1-2 giây?

      Hãy làm trang của bạn chạy thật nhanh trên các thiết bị di động và bắt đầu tư duy theo hướng mobile-first.

      Cùng nhìn lại một chút quá trình truy cập vào một trang Web

      [​IMG]

      1) Người dùng nhập địa chỉ web → chuyển đến mạng Internet
      2) DNS server (Domain Name Service server) chuyển từ URL thành địa chỉ IP → trỏ đến server có IP yêu cầu
      3) Server nhận request, xử lý request
      4) chuyển lại Response cho người dùng → Browser hiển thị kết quả.

      Tin tốt là chúng ta có thể optimize trang web ở tất cả các bước còn tin xấu là ở mỗi bước, thời gian cải thiện có thể chỉ được tính bằng ms (1/1000 giây ). Có nên thực sự quan tâm?

      • Nếu trang web của bạn là một blog cá nhân, không có giá trị kiếm tiền, có < 50 người truy cập cùng lúc thì việc optimize không mang lại nhiều giá trị.
      • Bạn kiếm tiền từ trang web của bạn và có trung bình vài nghìn hoặc vài trăm nghìn lượt truy cập cùng lúc. Ngoài lý do về lợi nhuận, thì Server có thể bị quá tải do requests của khách hàng dẫn đến load-time kéo dài, thậm chí out of service.
      # Làm thế nào để giải quyết vấn đề này ?

      Đầu tiên hãy xem website của bạn đang có vấn đề gì bằng công cụ của Pagespeed của Google
      -> Đơn giản là quá trình nào chiếm load-time nhiều thì bạn sẽ fix ở đó. Nhưng mình sẽ đề cập và hướng dẫn chi tiết ở phần sao nhé !

      Tham khảo các rules của google cho việc tăng tốc độ load trang:
      • Hạn chế việc redirect tại landing page
      • Enable compression
      • Cải thiện tốc độ phản hồi của server
      • Tận dụng bộ nhớ cache của browser
      • Tối giản hoá các tài nguyên
      • Tối ưu hiển thị ảnh
      • Tối ưu hoá việc load CSS
      • Ưu tiên các nội dung cần được hiển thị trước
      • Xoá bỏ các Javascript gây ra render-blocking
      [​IMG]

      Sau tất cả, Google là công cụ tìm kiếm lớn nhất thế giới, làm mọi thứ theo chuẩn của họ chắc chắn không phải một lựa chọn tồi.

      * Tạm kết: Ok, tạm kết thúc phần 1 ở đây, trong phần tiếp theo mình sẽ đi chi tiết về cách thức tối ưu. Hy vọng là các bạn đã đưa ra được lựa chọn cho mình và nhận thức được sự quan trọng của tối ưu website trong những trường hợp và dự án cụ thể, nhất là đối với các bạn lập trình viên.
       
      Đang tải...

Chia sẻ trang này

Đang tải...