I just ran a Chorome DevTools Lighthouse Test which lets you "Identify and fix common problems that affect your site's performance, accessibility, and user experience." and got the report which explained that every part of my website had something wrong in it which was affecting my site's Performance, Accessibilty, Best Practices, and SEO (According to Google Standards i guess).
There were also some Opportunites in the report which are "The suggestions that can help your page load faster and They don't directly affect the Performance score." and for today I tried to follow some of these opportunies.
What I Learned Today
π» Programming
- DevTools Lighthouse Report - Lighthouse is a tool that analysizes websites by running some tests to help imoprve the quality of the webpages. It generates a report about your websites performance and SEO etc and tells you what should you do if your website has some flaws that is causing some low performance and such. Following are some things that I learned for today to improve the quailty of my website.
- Properly Size Images - First being the images that are rendered on the website are smaller than those are being loaded. This Article explains that you should serve images in the same size in which they are rendered on the website. This issue can also be solved by serving Responsive Images which is that you should serve images according to the device on which the website is being loaded and is explained in this Article.
- Serve images in Next-Gen formats - This means Image formats like JPEG 2000, JPEG XR, and WebP are better choices for serving images on the web as they provide better compression than PNG or JPEG, which means faster downloads and less data consumption. I have only one image on this website which was in a PNG format and then I resized it and converted in WEBP to solve these two probelms. Article that explains Serving Image in Next-Gen Formats.
πΎ Langauge[ζ₯ζ¬θͺ]
- δΈηͺ (γγ‘γ°γ) Most, Best. Kanji are One and Turn.
- ε°η (γ‘γγ γ) Earth. Kanji are Ground and Ball. Just by replacing the first kanji we get eminent-ball ( εη: ping pong), field-ball ( ιη: baseball), and courtyard-ball ( εΊη: tennis)
zainsci