7 mẹo "nhỏ nhưng có võ" giúp tăng tốc website Ghost

Kiếm Tiền Từ Việc Xuất Bản - Biến Tri Thức Thành Tài Sản

Tiếp cận thị trường toàn cầu một cách hiệu quả và tạo ra lợi nhuận nhanh nhất từ việc xuất bản blog và bản tin điện tử newsletter với ghost.

Tối ưu website đến từ những thứ nhỏ nhặt nhất và đôi khi nó nhỏ quá nên bạn "quên" luôn 😁 trong khi nó góp phần cho việc tăng tốc website Ghost của bạn.

Hãy bỏ túi 7 tút nhỏ tối ưu vô cùng đơn giản sau đây mà bạn có thể tự thực hiện trong...5 phút (hoặc 15 phút 🤔).

1. Tải lên lại ảnh đại diện của bạn trog Ghost Admin

Ghost tự động cập nhật ảnh đại diện của bạn dựa vào email mà bạn đăng nhập. Quá tiện phải không nào?

Không đâu!

Nó sẽ làm hại tốc độ website của bạn bởi vì ảnh được cache và tải từ server Gravatar thay vì server đã được tối ưu của bạn.

Trong khi Gravatar server không hề nhanh như Cloudflare hay Bunny.

Và bạn thường không chú ý ảnh đại diện vì thấy đã có sẵn ảnh trong Ghost Admin.

Giải quyết rất đơn giản, bạn chỉ cần tải lên lại ảnh đại diện của bạn với định dạng webp để nén ảnh tối đa có thể. Ghost sẽ dùng ảnh tải mới lên này thay vì dùng ảnh Gravatar.

Site bạn đã nhanh hơn một chút rồi đấy 👍.

2. Cập nhật ảnh đại diện Gravatar và tối ưu

Cập nhật lại ảnh Gravatar

Bạn đã tải lên lại ảnh đại diện như ở trên, tại sao lại cần cập nhật ảnh Gravatar làm gì?

Cẩn tắc vô áy náy.

Gravatar cực kỳ phổ biến nên có thể hiện tại hay tương lai bạn sẽ chạm mặt nó khi dùng các dịch vụ tiện ích bên thứ 3.

Thực tế, khi bạn dùng bình luận Disqus hay dùng Discourse để bình luận, các dịch vụ này thường dùng ảnh Gravatar của bạn.

Trong trường hợp không thể bắt các dịch vụ bên thứ 3 dùng ảnh tải lên thì cách tối ưu ảnh Gravatar được xem như chiêu cuối.

Bạn đăng nhập Gravatar và tải ảnh đã nén lên tương tự như bước trên để kể cả khi vô tình dùng Gravartar thì tốc độ tải trang bạn cũng chỉ bị ảnh hưởng nhẹ mà thôi.

3. Không dùng ảnh Unplash

Đừng ngạc nhiên khi ghostFam dùng Unplash cho hầu hết ảnh bìa bài viết, không phải Unplash tối ưu tốc độ mà chẳng qua nó tiện lợi mà thôi (do làm biếng 😁).

Về mặt tối ưu thì Unplash sẽ gây ảnh hưởng xấu đến tốc độ website của bạn kể cả khi Unplash có API tự động resize ảnh.

Chưa kể, Unplash đã bán mình cho Getty Image nên tương lai có thể không còn được Ghost ưu chuộng nữa.

Theme Ghost thường đã tối ưu sẵn hiển thị ảnh nên bạn tải ảnh lên từ máy tính sẽ là tối ưu nhất (nhớ luôn nén ảnh trước khi tải lên).

Không dùng Unplash sẽ giúp bạn tăng tốc website đáng kể đấy.

4. Tắt tính năng Ghost Portal

Ghost Portal được xem là một bổ sung lớn cho tính năng membership của Ghost, giúp tạo nút đăng ký vô cùng tiện lợi và hiển thị thành viên sau đăng nhập cũng rất đẹp.

Tuy nhiên, đừng để bị đánh lừa. Ghost Portal dùng iframe và tải thêm một đống script không cần thiết gây nặng site vô cùng. Đó là lý do tôi không bao giờ dùng tính năng này cho ghostFam trừ khi Ghost Portal được làm mới và tối ưu code.

Hiện tại Ghost Portal là một liều thuốc độc cho tốc độ, bạn nên tắt nó đi.

Chưa kể nó sẽ che màn hình di động làm giảm trải nghiệm đọc rất trầm trọng, còn ở màn hình máy tính thì tạm chấp nhận.

5. Chèn script tùy chỉnh và CSS đúng nơi quy định

Hầu hết bạn mới dùng Ghost đều thêm CSS và Script vào Ghost Head kể cả khi script đó chị chạy trên 1-2 trang của website.

Trong khi Ghost hỗ trợ chèn code vào mỗi trang tùy thích với Page Head. Đây là tính năng xa xỉ nếu bạn dùng WordPress.

Vì vậy, bạn nên tận dụng tính năng này triệt để. Chèn đúng các trang cần chèn mà thôi.

Nếu muốn chèn loại trang đồng loạt thì nên chèn trong theme thay vào đó.

6. Tắt hệ thống bình luận khi không dùng đến

Ghost không có hệ thống bình luận nhưng ác nỗi theme trả phí nào cũng tạo sẵn Disqus cho bạn hoặc hệ thống bình luận khác thay thế.

Xuất phát từ việc các nhà phát triển theme muốn demo cho bạn vị trí của phần bình luận và đa dạng hoá tính năng của theme mà họ phát triển.

Kết cuộc khi bạn chưa thay thế ID của các hệ thống đó bằng của bạn, bạn tải về script lỗi và chậm site bạn.

Cách tốt nhất là tắt nó đi nếu bạn chưa quan tâm đến bình luận.

Để tắt thì bạn cần can thiệp vào theme, tải theme vêc và dùng comment markup {{!-- --}} để đóng khung hoặc dễ hơn là bấm delete hẳn trong post.hbs (một số theme là component của post.hbs như disqus.hbs).

Dùng `{{!-- --}}` để tắt `{{ >disqus }}`

Tải lên lại theme của bạn sau khi hoàn thành.

7. Xoá Publication Logo nếu không cần thiết

Nếu thương hiệu không phải là thứ bạn quan tâm (blog cá nhân thường có thể chỉ cần cái tên cũng có thể được), bạn không cần tải ảnh publication logo cho có.

Thay vào đó, xoá hẳn nó luôn. Ghost sẽ tự động chuyển sang dùng tên của site để thay thế. Đương nhiên sẽ nhanh hơn là dùng ảnh logo.