Thiết kế website chuyên nghiệp
Thiết kế landing page
Dịch vụ seo tổng thể
Dịch vụ quản trị website
Landing page bị chậm thì quảng cáo vẫn tốn tiền cho mỗi lượt bấm, kể cả khi trang tải chậm. Bài này là checklist xử lý landing page WordPress chậm theo thứ tự ảnh, cache, plugin, Elementor, hosting, dựa trên cách HPB Media vẫn làm khi tối ưu tốc độ cho website. Khác với bài về tìm điểm nghẽn của cả website WordPress hay bài quy trình tối ưu tốc độ toàn site, bài này chỉ nhấn vào landing page chạy quảng cáo, Elementor và thứ tự xử lý nên theo. Cập nhật tháng 11/2026.
Landing page chậm là chậm ở đâu, và đo thế nào?
Landing page chậm nghĩa là khách phải chờ lâu mới thấy nội dung chính hoặc mới bấm được nút. Google đo việc này bằng 3 chỉ số Core Web Vitals: LCP (thời gian hiện phần nội dung lớn nhất) nên dưới 2,5 giây, INP (độ trễ khi bấm) dưới 200 ms, CLS (độ xô lệch bố cục) dưới 0,1.
Trước khi sửa gì, hãy đo bằng điện thoại, không phải máy tính. Khách từ quảng cáo Facebook hay Google thường vào bằng điện thoại, nên điểm trên máy bàn đẹp chưa nói lên điều gì. Bạn mở PageSpeed Insights, dán địa chỉ landing page, đọc phần “Cơ hội” và “Chẩn đoán” thay vì chỉ nhìn con số tổng. Nếu chưa quen đọc báo cáo này, bài cách đọc PageSpeed Insights cho chủ website giải thích từng dòng. Ngưỡng chính thức bạn có thể đối chiếu tại web.dev.
Ghi lại 3 con số LCP, INP, CLS trước khi làm. Sau mỗi nhóm việc bên dưới, đo lại để biết việc nào thực sự có tác dụng. Nếu bạn muốn một quy trình tìm điểm nghẽn đầy đủ hơn, xem thêm bài website WordPress tải chậm: cách tìm điểm nghẽn.
Bước 1: Xử lý ảnh trước vì đây thường là thủ phạm lớn nhất
Ảnh là nguyên nhân phổ biến nhất khiến landing page chậm, vì banner đầu trang thường là phần tử lớn nhất và quyết định thẳng chỉ số LCP. Nén và đổi định dạng ảnh là việc ít công nhất mà hiệu quả lớn nhất, nên luôn làm đầu tiên.
Khi tối ưu trang chủ hmarketing.vn, chúng tôi gặp đúng tình huống này: ảnh trên trang chủ nặng khoảng 8 MB. Sau khi nén, đổi sang WebP (tạo sẵn cạnh ảnh gốc) và đặt đúng kích thước, tổng dung lượng ảnh còn khoảng 1,5 MB. Đó là quy trình HPB áp dụng.
- Ảnh banner đầu trang: chiều ngang tối đa khoảng 1.600 px, dưới 200 KB nếu có thể.
- Đổi sang WebP. Plugin nén ảnh hoặc cache hầu hết đều có chức năng này.
- Không dùng ảnh 4.000 px rồi để trình duyệt tự thu nhỏ.
- Ảnh dưới màn hình đầu tiên bật lazy load; riêng ảnh banner đầu trang thì không lazy load, vì sẽ làm LCP chậm hơn.
- Khai báo chiều rộng và chiều cao cho ảnh để trang không bị xô lệch khi tải.
Bước 2: Bật cache đúng cách
Cache là bản sao trang đã dựng sẵn, giúp máy chủ không phải xử lý lại PHP và truy vấn cơ sở dữ liệu cho mỗi lượt khách. Landing page ít thay đổi nên là loại trang hưởng lợi từ cache nhiều nhất, và thường chỉ cần một plugin cache, không phải hai.
Với máy chủ LiteSpeed, chúng tôi dùng LiteSpeed Cache kèm Redis Object Cache, đúng cấu hình đang chạy ở hmarketing.vn. Nếu hosting của bạn dùng Apache hoặc Nginx thì chọn plugin cache phù hợp với máy chủ đó. Cài chồng nhiều plugin cache lên nhau là lỗi hay gặp và thường làm trang lỗi hơn là nhanh hơn.
Có một lưu ý thực tế: sau khi sửa landing page mà khách vẫn thấy bản cũ, đa phần do xoá cache sai chỗ (xoá cache trình duyệt nhưng không xoá cache máy chủ, hoặc ngược lại, hay còn cache ở lớp CDN). Mỗi lần sửa nội dung, hãy xoá đủ các lớp rồi mở thử bằng cửa sổ ẩn danh. Kiểm tra các gói và mức giá của việc này ở bài chi phí tối ưu tốc độ website WordPress.
Bước 3: Gỡ plugin và script không cần cho trang này
Mỗi plugin có thể nạp thêm file CSS và JavaScript lên trang, kể cả khi trang đó không dùng đến. Với landing page chỉ có một mục tiêu là thu lead hoặc nhận đơn, phần lớn các plugin đó là thừa.
Cách làm gọn: vào danh sách plugin, ghi ra từng cái và tự hỏi “landing page này có cần không?”. Plugin slider, popup, mạng xã hội, đếm lượt xem, form dự phòng thường nằm trong nhóm gỡ được. Sau đó xem thẻ Network trong công cụ phát triển của trình duyệt, hoặc mục “Giảm JavaScript không sử dụng” trong PageSpeed, để biết plugin nào còn nạp file nặng.
Script bên thứ ba cũng đáng soát lại: pixel quảng cáo, chat, bản đồ nhúng, video nhúng. Giữ pixel và công cụ đo vì cần cho quảng cáo, nhưng video YouTube nhúng sẵn nên thay bằng ảnh đại diện, bấm vào mới tải trình phát. Khi không chắc một plugin có gỡ được không, đừng xoá liền trên trang đang chạy quảng cáo; thử trên bản sao trước.
Bước 4: Làm gọn landing page dựng bằng Elementor
Elementor dựng nhanh nhưng sinh ra nhiều lớp mã HTML lồng nhau và nạp thêm CSS, JavaScript, nên landing page dựng bằng trình kéo thả thường nặng hơn trang viết gọn. Không cần bỏ Elementor, chỉ cần dùng có kiểm soát.
| Vấn đề thường gặp | Cách xử lý |
|---|---|
| Section lồng nhiều tầng | Gộp bớt, dùng một container thay vì 3–4 lớp |
| Nhiều widget hiệu ứng (animation, parallax) | Chỉ giữ ở phần đầu trang nếu thực sự cần |
| Font tuỳ chỉnh nhiều kiểu | Giới hạn 1–2 font, 2–3 độ đậm |
| Ảnh nền đặt bằng CSS rất lớn | Nén như ảnh thường, thu nhỏ trên điện thoại |
| Add-on Elementor cài thừa | Tắt các widget không dùng trong phần cài đặt add-on |
Elementor có tuỳ chọn tải CSS và JavaScript tối ưu hơn trong phần cài đặt tính năng. Bật lên rồi kiểm tra lại giao diện trên điện thoại, vì đôi khi bố cục bị lệch. Nếu bạn cần một landing page dựng gọn ngay từ đầu để khỏi phải sửa về sau, đó là việc của dịch vụ thiết kế landing page chúng tôi.
Bước 5: Khi nào lỗi nằm ở hosting?
Hosting chậm khi máy chủ mất quá lâu để bắt đầu trả dữ liệu, thể hiện qua chỉ số thời gian phản hồi máy chủ (TTFB) cao trong PageSpeed. Khi đó dù ảnh và plugin đã gọn, trang vẫn chậm vì máy chủ là nút cổ chai.
Dấu hiệu nghi ngờ hosting: đã bật cache mà thời gian phản hồi vẫn cao; chậm hẳn vào giờ cao điểm; hosting dùng chung với rất nhiều website. Cũng đừng quên kiểm tra dung lượng ổ đĩa. Hai tình huống dưới đây là kinh nghiệm quản trị hosting nói chung của chúng tôi, không riêng landing page, nhưng landing page nằm trên cùng máy chủ nên chịu ảnh hưởng như mọi trang khác. Chúng tôi từng gặp VPS đầy 96% ổ đĩa, khiến backup và cập nhật thất bại âm thầm trong khi chủ web không hay biết.
Việc nên làm là xem lại phiên bản PHP, bật cache ở cấp máy chủ, hoặc chuyển sang gói mạnh hơn. Chúng tôi từng chuyển một website từ VPS bị treo sang hosting có CloudLinux kèm cài SSL, và không để gián đoạn kéo dài. Đổi hosting là bước tốn công nhất, nên chỉ làm khi 4 bước trước đã xong mà số đo vẫn chưa đạt. Nếu bạn muốn có người rà giúp cả phần máy chủ lẫn phần giao diện, xem dịch vụ tối ưu tốc độ website của HPB Media.
Khi nào không nên tự sửa landing page đang chạy quảng cáo?
Không nên tự sửa trực tiếp khi trang đang chạy quảng cáo ngân sách lớn mà bạn chưa có bản sao lưu. Một thay đổi cache hoặc gỡ plugin sai có thể làm hỏng form, mất mã theo dõi và bạn chỉ biết sau khi đã tốn tiền.
Quy tắc chúng tôi giữ: sao lưu trước, sửa trên bản sao nếu được, đổi từng thứ một và đo lại sau mỗi lần. Nếu thấy bất kỳ dấu hiệu lạ nào ngoài tốc độ (trang tự chuyển hướng, có tài khoản admin không rõ), hãy kiểm tra thêm về mã độc, vì website nhiễm mã độc cũng chậm bất thường. Bài kiểm tra mã độc website có hướng dẫn cách rà an toàn.
Nếu bạn muốn hiểu cả quy trình tăng tốc cho cả website, không riêng landing page, hãy đọc quy trình tối ưu tốc độ website.
Câu hỏi thường gặp
Landing page WordPress nên tải trong bao lâu?
Mục tiêu hợp lý là LCP dưới 2,5 giây trên điện thoại, theo ngưỡng Core Web Vitals của Google. Trang nhẹ, ít script thường đạt được mức này nếu hosting ổn. Đừng chạy theo điểm 100, hãy theo dõi LCP và thời gian khách thực sự chờ.
Điểm PageSpeed thấp có phải lúc nào cũng làm mất khách?
Không phải lúc nào. Điểm tổng là con số tham khảo, còn ảnh hưởng thật nằm ở việc khách thấy nội dung và bấm được nút nhanh hay chậm. Hãy xem LCP, INP, CLS và thử mở trang bằng điện thoại thật.
Cài thêm plugin tăng tốc có giúp không?
Một plugin cache cấu hình đúng giúp rõ rệt, nhưng cài nhiều plugin tăng tốc chồng nhau dễ gây lỗi và không nhanh hơn. Nếu nguyên nhân là ảnh nặng hoặc hosting yếu thì plugin cũng không cứu được.
Có nên bỏ Elementor để làm landing page nhanh hơn?
Không bắt buộc. Elementor dùng gọn, ít widget, ít lớp lồng nhau vẫn cho kết quả tốt. Chỉ khi trang yêu cầu rất cao về tốc độ hoặc cấu trúc đặc thù thì mới cân nhắc code riêng.
Làm sao biết đã sửa đúng?
So sánh 3 chỉ số LCP, INP, CLS trước và sau mỗi nhóm việc, đo trên cùng một địa chỉ trang và cùng điều kiện. Chỉ số cải thiện và form vẫn gửi được là bạn đã sửa đúng.
Landing page của bạn đang tải chậm?
Gửi địa chỉ trang cho HPB Media, chúng tôi xem điểm nghẽn thật nằm ở đâu và nói rõ việc nào nên làm trước. Báo giá chính xác sau khi xem yêu cầu.
