My new blog posts
Separate critical CSS for inline HTML and non-critical CSS for asynchronous load for a better performance page load.
Why inline Critical CSS? Critical CSS includes only the styles needed to render the Above the Fold of a webpage. By delivering these styles inline in the HTML document, the browser can render this ...
Make Recoil persistent for Cross-Platform React Applications. worked for iOS, Android, Website, and PWA.
Capacitor Preferences Capacitor Preferences is a Capacitor plugin to allow Capacitor applications to store persistent data. The Preferences API provides a simple key/value persistent store for ligh...
My useful kubectl commands cheat sheet and Google Kubernetes Engine cluster (GKE) set up
As a developer sometimes I need to debug or investigate problems on the cloud machine. so I create this cheat sheet to note the commands. And it might be good to share with people who are just gett...
How I set up multi SSH keys for multiple git accounts, To make Git can use the personal git and work git at the same time.
Set up SSH keys for multi git accounts 1. Generate SSH keys Generate multiple SSH keys one for work and one for personal. You can have many multiple ssh key-pair for multiple git accounts as you wa...
How I remove some unnecessary JavaScript to make the page loading faster in runtime using Puppeteer
The problem is when I am using many JavaScript libraries with big sizes and unnecessary to run in runtime such as PrismJS, AnchorJS, and Wordcloud2. All of these JavaScript libraries will load cont...
Explain index types in PostgreSQL how it work and compare between Hash and B-Tree index
Postgres provides many index types such as B-tree, hash, GiST, and GIN. This article is about commons indexes like B-Tree and Hash to tell what is difference and which one should use for the situat...
Edit: Since Fast.io Archive and Cloudflare Page come I did tested it and it worked well so now I moved to Cloudflare Page. I did create a website from Jekyll and I’m looking for static web hosting ...