Tips for optimizing images in WordPress
Speed websites recently has co once more important in the subject optimisation pages and positioning. Samo Google official has confirmed this fact and it is one of the ranking factors taken into account when determining the position of pages. That is why the topic of optimizing for speed is now often discussed via people associated with marketing and SEO industry.
Like It is well known that mobile traffic has surpassed the capabilities of desktop computers, so the loading speed of websites is important not only for Google but most of all for your visitors. There is nothing worse than waiting several seconds for your website elements to load.
1. make sure your photos are the right size
Often on the pages of can be meet paintings of very high quality. We buy this kind of photos On stock portals or we use free ones. We usually get them with a width of more than 1200 pixels. Therefore, remember to before upload photos to the media library, reduce their size. Are you sure you will always need such a large size ? Certainly not.
Often on company websites, I see how the owner has uploaded photos of the staff or the interior of his company to the gallery section. However, when I click on such photos, it turns out that the size is at 3000×4000 pixels. That is, copied straight from the camera card. This is a serious mistake because such photos are sometimes a dozen or so mega. And believe me, nobody needs to see such large photos on the website.
If you have already uploaded such images to your site, you can resize them by going to the Media Library WordPress. Just click Media -> Select an image -> Edit snapshot and select the new image dimensions.
2. optimization of photos and graphics
Display images in next generation WordPress formats
Before uploading photos and graphics to the site, in addition to adjusting the appropriate size, it is worth taking care to keep the weight of such files as low as possible. In my opinion manual optimization provides the best control. It takes time because we have to pass each photo through a compression program but it gives very good results. Using this kind of compression you can get even 70% smaller files! I use these tools:
https://tinypng.com/ - An amazing tool known probably by most of the industry. Just drag and drop the file and in a moment you will enjoy compression of up to 90% in relation to the original. What is important the loss of quality is almost invisible.
http://luci.criosweb.ro/riot/ - is the second tool, this time in downloadable version. It compresses the most popular graphic formats: jpg, png, gif.
Install the compression plug-in
If you don't want to play with manual compression suggested in the point above because you upload a lot of pictures and such work would take you forever, it's worth to use a plugin. It will automate the compression process and do it for you. Simply, when you upload an image file to WordPress plug will reduce the file weight itself. For this purpose, I recommend a plugin called SmushIT downloadable for free from the website: https://wordpress.org/plugins/wp-smushit/
4. use of the CDN
CDN or Content Delivery Networkis a network of servers located in different parts of the world. This means that the photos and files of our site are loaded from other sources than the server on which our WordPress. This means greater efficiency and speed Your website because it is not overloaded with files which relieves your server. After all, they are located on external servers in the cloud from where they are read.
Of course, there are also a few drawbacks to this solution, such as the fact that uploaded files are not just on your whereIn the world of external companies. Another issue is that with larger sites, such a solution may generate additional costs, because more extensive CDN plans are paid.
5. lazy charging
Postpone loading images off the screen.
The last little known method is "lazy loading". This is a great way to minimize resource usage by holding off loading images until they actually need to be uploaded. In the normal case website loads from start to finish regardless of what the user is currently viewing. However, with "lazy loading" the images at the very top are loaded first. They have priority, images below them load only when the user scrolls down the page. In order to apply such a solution you may use plugs BJ Lazy Load: https://pl.wordpress.org/plugins/bj-lazy-load/
If you're looking for more information on optimizing WordPress elements - not just images - then check out the course at Edugrafia.pl: "WordPress optimization". http://edugrafia.pl/kursy/kurs-optymalizacji-wordpressa/ It discusses various techniques for speed optimization and for SEO.
However, if you are interested in the topic of positioning pages, it is worth reaching for the course "Positioning SEO science" http://edugrafia.pl/kursy/pozycjonowania-nauka-seo/
Internal Links and Sematics
Link building has never been easier. Hundreds of link possibilities in one click.
Professional SEO platform
SEMrush offers solutions for SEO, PPC, content, social media and competitive research.