Shortcode wordpress là gì và cách tối ưu hiệu quả ra sao.

Vụ này đợt trước mình làm web bán hàng cho khách cũng dính chấu y chang, hóa ra cái shortcode nó giống như một đoạn mã tắt, mỗi khi trang load là nó bắt database phải gọi đống script của form liên hệ ra ngay trang chủ nên site mới ì ạch thế. Kinh nghiệm của mình để tối ưu là cài plugin chuyên dụng để chỉ cho phép shortcode load ở đúng cái trang có form thôi, hoặc dùng lazy load để nó chỉ hiện khi khách cuộn chuột tới, chứ nhét bừa bãi là web nặng tụt quần ngay.

Lỗi trang load chậm khi dùng shortcode form liên hệ đa phần do plugin nó quăng toàn bộ file CSS với JavaScript (JS) ra mọi trang web thay vì chỉ gọi ở trang có form. Bản chất shortcode chỉ là một đoạn mã ngắn dạng `[ten_shortcode]` để WordPress hiểu và gọi một hàm PHP hoặc một đoạn HTML nào đó ra hiển thị, nhưng nếu code của bên thứ 3 viết lởm thì sẽ kéo theo cơ sở dữ liệu query nặng nề. Để khắc phục, bạn cài ngay plugin **Asset CleanUp** hoặc **Perfmatters** rồi bật tính năng dequeue script, chọn chặn file JS/CSS của form liên hệ ở những trang không cần thiết, chỉ cho phép load ở đúng trang Contact thôi là tốc độ cải thiện ngay.

Shortcode hiểu đơn giản là một đoạn mã ngắn nằm trong ngoặc vuông vuông như `[contact-form]`, giúp nhúng mấy tính năng lằng nhằng vào bài viết mà không phải viết code dài dòng. Nguyên nhân trang của chủ thớt ì ạch là do mỗi lần có khách truy cập, WordPress phải chạy ngầm một đống truy vấn (query) database để load cái form đó lên, chưa kể mấy plugin form hay chèn thêm đống file CSS với JavaScript nặng nề không cần thiết. Điểm mấu chốt bạn cần nhớ là đừng bao giờ lạm dụng nhúng shortcode tùm lum ở mọi trang, nhất là ở trang chủ hay footer. Nếu chỉ dùng cho trang liên hệ, hãy cài plugin tối ưu để nó chỉ load file CSS/JS của form ở đúng trang có chứa shortcode đó thôi, hoặc đổi sang dùng AJAX submission để khách gửi thông tin mà không bị load lại cả trang, đỡ tốnớ tiền oan thuê thợ sửa web.