Xem Nội Dung Ngay

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

Chia sẻ 7 tút giúp tăng tốc website ghost nhanh hơn mà ai cũng làm được.

Cường Trần
Cường Trần
7 phút đọc
7 mẹo "nhỏ nhưng có võ" giúp tăng tốc website 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

Tải lại ảnh đại diện
Tải lại ảnh đại diện

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 serve 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 "fake" để 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.

Hướng dẫn dùng ảnh webp để tối ưu website Ghost
Hướng dẫn cách dùng ảnh webp khi viết bài trên Ghost để tối ưu tốc độ trang.

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
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.

Không dùng ảnh Unplash cho bìa post
Không dùng ảnh Unplash cho bìa post

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.

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

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.

Page head và Page footer

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.

Xóa hẳn Publication Logo trong trường hợp bạn thật sự không cần

Thường thì ít ai làm vậy nhưng một số blogger muốn tinh gọn blog sẽ không muốn có logo.

Lời kết...

Không có gì quá đặc biệt, bạn chỉ cần chú ý một chút và ứng dụng các quy tắc trên thật thông thạo bạn sẽ tự nhiên tăng tốc được website.

Còn rất nhiều yếu tố khác ảnh hưởng tới tốc độ website như chất lượng theme, server, cái bạn chèn thêm và cache.

Nếu có thắc mắc khác bạn hãy để lại bình luận bên dưới nhé để cùng thảo luận.

Hướng Dẫn

Bạn có thể quan tâm

Tự tạo thông báo email khi có thành viên mới đăng ký bằng IFTTT

Hướng dẫn tự tạo thông báo email thời gian thực khi có thành viên mới đăng ký bằng IFTTT miễn phí.

Tự tạo thông báo email khi có thành viên mới đăng ký bằng IFTTT

Thủ thuật chuyển đổi "đồng loạt" mọi định dạng ảnh sang WebP

Hướng dẫn chuyển đổi "all-in-one" đồng loạt mọi định dạng ảnh cho bài viết sang webp với một lệnh đơn giản.

Thủ thuật chuyển đổi đồng loạt mọi định dạng ảnh sang WebP

Mẹo tạo popup thông báo đơn giản cho website Ghost

Hướng dẫn cách tạo Popup thông báo cho Ghost siêu nhanh và đơn giản.

Mẹo tạo popup thông báo đơn giản cho website Ghost
Cường Trần

Cường Trần

Cường chuyên viết về giải pháp liên quan đến WordPress và Ghost, là một How-to blogger thực chiến.