SEO & tối ưu kỹ thuật website

Website chậm hiếm khi chậm vì hosting yếu. Nó chậm vì những quyết định đã chốt từ lúc thiết kế — khi chưa ai nghĩ đến tốc độ.

Cùng một máy chủ mạnh, có website mở gần như tức thì trên điện thoại, có website vẫn bắt khách chờ. Khác biệt nằm ở những lựa chọn sớm: trang được cấu trúc thế nào, ảnh được chuẩn bị ra sao, bao nhiêu thành phần được phép chất lên một trang. Nếu bạn đang chuẩn bị làm website mới, đây là lúc rẻ nhất để có một website nhanh — rẻ hơn rất nhiều so với tối ưu chữa cháy sau khi web đã vận hành và nặng dần theo năm tháng.

Xem thêm giải pháp
Website chậm hiếm khi chậm vì hosting yếu. Nó chậm vì những quyết định đã chốt từ lúc thiết kế — khi chưa ai nghĩ đến tốc độ. — Dũng Virgo

Nhiều người nghĩ đến tốc độ sau cùng: web làm xong, thấy chậm, rồi tìm cách "tối ưu". Cách nghĩ đó bỏ qua một thực tế: phần lớn nguyên nhân làm web chậm được gieo từ rất sớm. Một giao diện có năm lớp hiệu ứng chồng nhau, một trang chủ nhét mọi thứ doanh nghiệp có, một bộ ảnh chụp bằng điện thoại đưa nguyên bản lên web, một nền tảng bị cài thêm tính năng cho mọi giả thuyết — tất cả đều là quyết định ở giai đoạn thiết kế và xây dựng.

Tối ưu về sau vẫn xử lý được phần nào, nhưng là xử lý trên một cấu trúc đã định hình: vừa tốn công hơn, vừa có giới hạn. Làm đúng từ đầu thì khác: tốc độ được coi là một yêu cầu của dự án, ngang hàng với giao diện và tính năng — và được nghiệm thu như chúng.

Năm quyết định tốc độ được chốt ở giai đoạn thiết kế

Quyết định 1 — Mỗi trang chỉ gánh một việc chính

Trang càng ôm nhiều mục tiêu (vừa giới thiệu, vừa bán, vừa tin tức, vừa tuyển dụng trên cùng một mặt) càng chất nhiều thành phần và càng nặng. Cấu trúc rõ — mỗi loại trang một việc — là nền của cả thẩm mỹ lẫn tốc độ.

Quyết định 2 — Ngân sách độ nặng cho ảnh và media

Thay vì “ảnh đẹp là được”, dự án cần quy ước ngay: ảnh hiển thị ở kích thước nào thì chuẩn bị đúng kích thước đó; video có thực sự cần tự chạy nền không; một trang được phép chứa bao nhiêu media nặng. Đây là quyết định của khâu thiết kế và chuẩn bị nội dung, không phải của máy chủ.

Quyết định 3 — Hiệu ứng và thành phần động ở mức vừa đủ

Slider nhiều lớp, hiệu ứng chuyển động dày đặc, cửa sổ bật lên chồng nhau — mỗi thứ đều lấy một phần tốc độ và một phần sự chú ý của khách. Câu hỏi đúng ở khâu thiết kế là “hiệu ứng này giúp khách quyết định gì”, không phải “trông có hiện đại không”.

Quyết định 4 — Nền tảng và tính năng theo nhu cầu thật

Chọn nền tảng vừa với quy mô và chỉ cài những tính năng phục vụ việc đã xác định. Mỗi tính năng thêm “để dành, biết đâu cần” đều mang theo mã phải tải và bảo trì. Danh sách tính năng của dự án nên là danh sách đã được cân nhắc, không phải danh sách sao chép từ website của đối thủ.

Quyết định 5 — Máy chủ và hạ tầng phù hợp quy mô

Sau bốn quyết định trên mới đến hạ tầng: gói máy chủ vừa tầm lượng truy cập thật, có bộ nhớ đệm đúng cách. Hạ tầng là điều kiện cần, nhưng nó đứng thứ năm — không phải thứ nhất như nhiều lời chào bán gợi ý.

Năm quyết định tốc độ được chốt ở giai đoạn thiết kế

Những thứ làm website nặng “từ trong trứng” — và cách thay thế

Điểm chung của cả bốn: chúng đều là quyết định của giai đoạn làm web — và gần như không tốn thêm tiền để làm đúng, chỉ cần được để ý từ đầu.

  • Ảnh gốc từ điện thoại/máy ảnh đưa thẳng lên web: một bức ảnh vài MB cho một khung hiển thị nhỏ là phung phí phổ biến nhất. Thay thế: quy trình chuẩn bị ảnh đúng kích thước và định dạng trước khi đăng — đưa vào hướng dẫn vận hành sau bàn giao.
  • Video nền tự phát ở trang chủ: đẹp trong bản demo trên máy mạnh, nặng và gây khó chịu trên điện thoại mạng yếu. Thay thế: ảnh tĩnh chất lượng tốt hoặc video chỉ tải khi khách chủ động xem, tùy mục đích thật của trang.
  • Chồng nhiều công cụ của bên thứ ba: chat, theo dõi, đánh giá, cửa sổ ưu đãi, mạng xã hội — mỗi công cụ một đoạn mã chạy trên máy của khách. Thay thế: kiểm kê và chỉ giữ công cụ đang thực sự được dùng để ra quyết định.
  • Font chữ và thư viện hiệu ứng tải toàn bộ cho một chi tiết nhỏ: dùng một hiệu ứng trong cả website nhưng tải cả thư viện. Thay thế: chỉ tải phần được dùng, ở đúng trang cần nó.
Những thứ làm website nặng “từ trong trứng” — và cách thay thế

Chuẩn nghiệm thu là điện thoại của khách, không phải máy của người làm web

Một website mới chỉ nên được coi là “nhanh” khi nó nhanh trong điều kiện của khách thật:

Vì vậy, trong quá trình dựng trang, các mốc kiểm tra tốc độ được thực hiện trên trang chủ và các trang chính ngay khi chúng thành hình — trước khi tính năng và nội dung tiếp tục chất thêm. Phát hiện nặng ở giai đoạn này sửa rẻ hơn gấp nhiều lần so với phát hiện sau khi web đã lên sóng và chạy quảng cáo.

Nếu bạn đang làm việc với bất kỳ đơn vị nào, hãy hỏi họ một câu: “Tốc độ sẽ được kiểm tra trên thiết bị và điều kiện nào, ở mốc nào của dự án?” Câu trả lời cho thấy tốc độ là yêu cầu thật hay chỉ là lời quảng cáo.

  • Thiết bị tầm trung, không phải máy cấu hình cao ở văn phòng.
  • Mạng di động với tốc độ và độ trễ thực tế, không phải wifi văn phòng.
  • Lần truy cập đầu tiên, khi chưa có gì được lưu sẵn trên máy khách.
Chuẩn nghiệm thu là điện thoại của khách, không phải máy của người làm web

Nhanh từ đầu không có nghĩa là nghèo nàn

Một lo lắng chính đáng: “làm web nhẹ thì có phải hy sinh hình ảnh thương hiệu không?” Không nhất thiết — vấn đề nằm ở cách phân bổ, không phải ở việc cắt bỏ:

Đề xuất thiết kế nên thể hiện rõ sự phân bổ này để bạn duyệt bằng mắt: phần nào là điểm nhấn, phần nào được giữ nhẹ — thay vì một bản thiết kế đẹp trong phòng họp nhưng nặng trên điện thoại của khách.

  • Một trang có thể có một khoảnh khắc thị giác mạnh (ảnh chủ đạo chất lượng cao, được chuẩn bị đúng kỹ thuật) thay vì mười hiệu ứng vừa phải chạy cùng lúc.
  • Nội dung được xếp theo thứ tự ưu tiên: phần quan trọng nhất với khách xuất hiện trước và tải trước; phần phụ tải sau hoặc khi khách cuộn tới.
  • Thẩm mỹ đến từ bố cục, khoảng trắng, chữ và ảnh được chọn kỹ — những thứ này không nặng. Thứ nặng là sự tham lam về số lượng thành phần, không phải vẻ đẹp.
Nhanh từ đầu không có nghĩa là nghèo nàn

Quy trình triển khai

1

Mô tả website bạn sắp làm

Loại website (giới thiệu, bán hàng, landing cho chiến dịch…), nội dung và tính năng dự kiến, đối tượng khách chính và thiết bị họ dùng nhiều nhất.

2

Nhận đề xuất trong 24–48 giờ làm việc

Đề xuất gồm cấu trúc trang, danh sách tính năng đã cân nhắc, các quy ước về ảnh/media và mốc kiểm tra tốc độ theo thiết bị — cùng thời gian triển khai theo đúng loại website.

3

Dựng trang với mốc kiểm tra ở từng chặng

Các trang chính được kiểm tra tốc độ ngay khi thành hình trên thiết bị tầm trung và mạng mô phỏng thực tế. Điểm nào vượt ngân sách độ nặng được xử lý tại chỗ, không để dồn tới cuối dự án.

4

Bàn giao kèm quy tắc giữ tốc độ

Bạn nhận hướng dẫn chuẩn bị ảnh và đăng nội dung đúng quy ước, để website giữ được tốc độ sau nhiều tháng tự vận hành — phần mà nhiều dự án làm web bỏ trống.

Câu hỏi thường gặp

Website của tôi đã chạy rồi và đang chậm — trang này có phải dành cho tôi không?

Không hẳn. Nếu web đã vận hành, hướng đúng là chẩn đoán nguyên nhân (trang “Website tải chậm”) hoặc quy trình tối ưu có đo trước–sau (trang “Tối ưu tốc độ website”). Trang này dành cho giai đoạn chuẩn bị làm mới hoặc làm lại: khi đó các quyết định tốc độ còn đang ở trước mặt và sửa chúng rẻ nhất. Nếu bạn đang cân nhắc làm lại vì web cũ chậm không cứu được nữa, thì đây chính là trang dành cho bạn.

Tôi nên yêu cầu gì trong hợp đồng/đề xuất để chắc chắn web làm ra sẽ nhanh?

Ba điều cụ thể: tiêu chí nghiệm thu tốc độ được đo trên loại thiết bị và điều kiện mạng nào; các trang nào thuộc diện nghiệm thu (ít nhất là trang chủ và trang dịch vụ/sản phẩm chính); và quy ước về ảnh/media mà cả hai bên tuân thủ khi chuẩn bị nội dung. Một đề xuất chỉ ghi “website tốc độ cao” mà không có ba điều này là một lời khẳng định chưa có căn cứ kiểm chứng.

Hosting mạnh hơn có giải quyết được tốc độ không?

Hosting là một phần — máy chủ phản hồi chậm thì mọi thứ đều chờ — nhưng nó không sửa được ảnh quá nặng, quá nhiều script hay cấu trúc trang ôm đồm. Thứ tự đúng là: cấu trúc và nội dung gọn trước, hạ tầng vừa tầm sau. Nâng hosting cho một website nặng giống như mở rộng đường cho một chiếc xe chở quá tải: có đỡ, nhưng không trị gốc.

Làm web nhanh từ đầu có đắt hơn làm web thường không?

Phần lớn các quyết định tốc độ ở giai đoạn thiết kế không tốn thêm chi phí — chúng là lựa chọn, không phải tính năng cộng thêm. Chi phí có thể tăng ở những chỗ như chuẩn bị media kỹ hoặc hạ tầng tốt hơn, và những khoản đó cần được tách rõ trong đề xuất. Ngược lại, làm web thường rồi tối ưu chữa cháy về sau thường tốn tổng chi phí cao hơn cho cùng một kết quả.

Sau bàn giao, tôi tự đăng bài và ảnh thì web có chậm dần không?

Có thể, nếu đăng không theo quy ước — đây là nguyên nhân phổ biến khiến web “mới làm thì nhanh, hai năm sau thì chậm”. Vì vậy quy tắc chuẩn bị ảnh và giới hạn thành phần được bàn giao cùng website, và việc rà soát tốc độ định kỳ là phần nên có trong kế hoạch chăm sóc website của bạn.

Cần chuẩn bị gì để nhận đề xuất?

Loại website định làm, nội dung/tính năng dự kiến và nhóm khách chính của bạn. Nếu có website cũ, gửi kèm địa chỉ để phần đề xuất đối chiếu được hiện trạng. Dũng Virgo phản hồi đề xuất phạm vi trong 24–48 giờ làm việc.

Website mới của bạn sẽ nhanh hay chậm — phần lớn đã được quyết định trước khi nó lên sóng. Hãy quyết định có chủ ý.

Bạn chưa cần có bản yêu cầu chi tiết hay biết mình cần nền tảng nào. Chỉ cần mô tả website bạn sắp làm và khách của bạn là ai. Đề xuất sẽ biến "website tốc độ cao" từ một lời hứa thành các tiêu chí kiểm chứng được: trang nào được nghiệm thu, đo trên thiết bị nào, quy ước ảnh và thành phần ra sao — để bạn ký hợp đồng với sự rõ ràng, dù bạn chọn làm với Dũng Virgo hay một đơn vị khác. Đề xuất phạm vi được phản hồi trong 24–48 giờ làm việc. Văn phòng Hà Nội: 144 Trần Vỹ · Văn phòng Phú Thọ: Số 2 Chùa Cấm, Phúc Yên. Liên hệ nhanh qua các nút Điện thoại/Zalo trên trang.