Gỡ Next.js giúp blog của tôi đạt 100 điểm ở mọi hạng mục Lighthouse

Chuyện gì đã xảy ra?

Tác giả đã xây dựng một blog riêng để nhẹ, nhanh, gọn gàng, chạy được nhiều blog cùng lúc và dễ truy cập. Sau nhiều công sức, blog đạt 100 điểm ở mọi hạng mục của Lighthouse. Để đạt được điều này, tác giả phải gỡ bỏ Next.js. Ông cho biết việc đó khó hơn rất nhiều so với dự tính.

Vì sao tự làm blog?

Tác giả thấy Medium và Blogger quá nhiều tính năng và chạy không nhanh. WordPress có quá nhiều plugin. Ghost phải tự cài đặt hoặc khá đắt. Hugo tốt nhưng vẫn khó thiết lập. Bear Blog chạy rất nhanh nhưng quá tối giản và trình soạn thảo chưa hợp ý tác giả. Vì vậy, tác giả muốn một blog nhanh như Bear Blog nhưng có thêm chút tính năng và dễ dùng hơn.

Caching và CDN là gì?

Caching là lưu sẵn nội dung để trang tải nhanh hơn. CDN là mạng máy chủ đặt ở nhiều nơi trên thế giới, giúp người dùng ở xa vẫn tải nhanh. Tác giả cho rằng với một trang web tĩnh, chỉ cần CDN là đủ, nên không cần caching của Next.js. Đây là lý do đầu tiên ông không cần Next.js.

Con số và sự kiện chính

• Blog đạt 100 điểm ở tất cả hạng mục Lighthouse.
• Ảnh ngày nay có thể lớn hơn 10MB.
• Tác giả đo hiệu năng bằng pagespeed.web.dev.
• Vercel có CDN sẵn, nhưng gói Pro khá đắt ngay từ đầu.

Vì sao điều này quan trọng?

Bài viết cho thấy một trang web không nhất thiết phải dùng framework phức tạp để đạt tốc độ cao. Với nội dung tĩnh, một CDN và cách xử lý ảnh hợp lý có thể mang lại hiệu năng tốt hơn. Điều này hữu ích cho người muốn viết blog nhanh, gọn và dễ quản lý.