Categories
Frontend
The Hidden Heroes of Image Optimization: The `width` and `height` Attributes and Core Web Vitals Improvement Strategies
The `width` and `height` attributes play a crucial role in space reservation by the browser and improving CLS. A deep dive into the hidden essentials of image optimization and Core Web Vitals strategies.
Key to Web Performance Optimization: A Guide to Implementing Lazy Loading Images
Image lazy loading is a key strategy for improving web performance metrics such as LCP and CLS. This practical guide covers the differences between native and JS approaches, implementation methods, and optimizations for SEO and user experience.
Python vs Node.js: CSS Compression Experiment Results Revealed!
Do you think CSS compression can only be done well with Node.js based tools? This post presents an experimental comparison of Python's csscompressor and clean-css-cli, exploring just how significant the performance difference really is.
How to Utilize OTF Fonts from Ubuntu Systems for Web Use
This post describes the entire process of converting OTF fonts installed on Ubuntu to the web-compatible WOFF2 format, complete with examples.
TTF vs WOFF2: Comparison of Web Font Formats
A web font guide explaining the differences between TTF and WOFF2, performance comparisons, conversion methods on Ubuntu, and automation scripts.
How to Determine Browser Width in JavaScript and the Strange Experience I Had with Samsung Browser
Sharing my experiences testing various methods to determine browser width in JavaScript, and realizing the importance of `matchMedia` while solving the `window.innerWidth` issue encountered in the Samsung Browser.