[SEO TIPS] - BÀI 02 - 3 Simple Image Optimization Steps to Improve Website Speed

Hello hello everyone In this second lesson I will guide you through three steps to optimize images and improve your website's loading speed Why is it necessary to improve the website's speed This is a criterion for evaluating the user experience A website that has good page load speed will keep users on the site This factor is very important for a website Here is the overall image of our process steps Our goal is to optimize the image sizes to below 200kb to improve its performance Then we will go through three steps like this The first step is Resize the second step is Compress and the third step is converting the format to WebP Yes no Then you can see that the image it sees is the original image which has an unoptimized size and file size like this And after a process it will result in an optimized image It must also be under 200kb And this is our goal The first step is to adjust the size of our image It must be compatible with the device As you know a website will display on various devices For example on a phone on a computer A phone will also have various sizes and different screens And on the computer it also has different screens So what size is appropriate on the computer and on the phone Then here it provides a set of parameters which on the computer will have a width of about 1000px And on the phone it will be about 3-400px in size This is the optimal size Its purpose is to ensure that the image is not too large compared to the display area on its own device Then the second step is the image compression step We compress the image file without reducing the quality of the image For example this image shows that the image file initially has a size of 1 2MB Then after compression it's only 180KB It's reduced a lot Then you can reduce it using tools like Riken io or TinyPNG Then you just need to upload the image Just upload the image like this Just drag the image up and click to compress the image and it will show up For example here is an image I uploaded Then it will compress this image Then you can download it again later The purpose of this process is to significantly reduce the size of your image file But it would almost not reduce the quality of the image you uploaded first The third step is to convert my image formats into WebP WebP is an image format On those pages for example on newspaper pages You will often see these newspaper pages they will be in WebP format Then these are the images they will be in WebP format and will be lighter and their loading speed will be faster These are the images that WebP will convert into such images which will be more optimized and better for your website Then if it is converted what would it look like For example this image represents the overall process Images that are uploaded will have a format such as BNZ or JPEG etc Then you will be on the page where I am talking about Wordpress only On the Wordpress website you can have some cool plugins such as LiveSpeakCat or ShortShow or Imageify en these tools will help it will have a section to configure automatic image conversion from these kinds of images It is in the WebP format and will be more friendly to your website Then that's all 3 steps to optimize images after completing these 3 steps your images will be compressed The download size is always significant and our goal is under 200KB remember the number is 200KB this is the file size The image that is recommended when you upload it to the website remember this number it will significantly increase the speed of your page Improve somewhere it will also improve about speed index by or the SEO rank of your website thank you very much I'm Đồng Nguyễn Chiên shares knowledge about AI the part about Marketing Automation