Trong năm 2016, blog này đã được thay đổi qua khá nhiều theme, từ những theme mặc định của WP, đến các theme được RIP từ các website khác hoặc tự design, việc RIP theme tất nhiên là chẳng có gì để tự hào rồi, nhưng chỉ là mình đã làm và không chối bỏ.

Mặc dù blog này chỉ là nơi viết những suy nghĩ cá nhân, không mong muốn nhiều người truy cập, nhưng việc chăm sóc nó cũng cần phải được chú trọng, vì nó là cho chính bản thân mình và một vài người ít ỏi mà mình biết họ vẫn đang đọc. Cảm ơn các bạn.

Gần đây Thiện có thay đổi giao diện trên blog của Thiện, một sự thay đổi rất thú vị, đó là sử dụng Vuejs và dùng thiết kế siêu đơn giản. Blog của Thiện load cực kỳ nhanh, rất thú vị, mình rất thích sự thay đổi này. Vì vậy mình cũng đã thay đổi blog của mình theo chiều hướng như vậy.

Vẫn tiếp tục sử dụng WordPress để quản lý nội dung, nhưng phần hiển thị thì sử dụng vuejs. Nhờ có WP API được xây dựng sẵn, nên mình chỉ cần hoàn thiện phần front-end là được.

Bên cạnh việc thay đổi giao diện, có lẽ cũng sẽ cần phải xem lại tất cả các bài viết và sửa lại.

Nhân tiện, nhớ lại những gì học được về PWA, áp dụng một chút thì có thể cache website, giúp website load nhanh hơn, và còn có thể hỗ trợ truy cập khi không có internet. Thực ra mình cũng chưa rành PWA lắm.

Về cơ bản, cách hoạt động của nó là như sau: Sau khi code js load về browser, nó sẽ đăng ký với browser một file chứa code về service worker, browser sẽ tải code đó về và install, active. Sau khi service worker được active thành công, nó có thể nghe sự kiện fetch để can thiệp vào quá trình fetch dữ liệu giữa browser và server, nhờ đó, nó có thể cache, hồi đáp lại cho browser mà không cần tới server.

Chiến lượt cache của mình như sau: Trong lần đầu tiên visitor truy cập website, mình sẽ đăng ký sw, và lưu cache cho root, lẽ ra mình phải cache toàn bộ app shell trong bước này, nhưng mà vì mình cũng chưa có rành webpack, webpack nó có cơ chế cắt file nhỏ ra và thêm hash vào để chống cache và để cắt nhỏ file, mình không hiểu cơ chế này, vì vậy không thể cache cụ thể tên file của shell trong lần đầu load được, mà mình phải đợi đợt sau, khi mà user truy cập page lần thứ 2. Lúc này mình sẽ cache shell đồng thời cũng cache luôn request data.

Ở những lần tiếp theo, mình sẽ cung cấp shell từ cache, và cung cấp data từ cache, nhưng nếu user có internet, thì mình sẽ request sau khi lấy từ cache và cập nhật vào cache, nhờ vậy, user sẽ có tốc độ truy cập cao mà vẫn đảm bảo cache được cập nhật.

Mình chưa rành webpack và sw, còn quá nhiều thứ phải học trong năm nay, có quá nhiều thứ thú vị, nếu như ngày xưa, đọc tài liệu có thể hiểu rất nhanh, thì bây giờ, công nghệ phát triển quá nhanh, đọc không thể hiểu nổi nữa.