I recently made a website where I edited the containers of the product page in order to make the image bigger as WooCommerce's image enlargement options weren't working. Because of this however, the mobile page is not optimized.
My website is the following: www.ininkk.com
I was wondering what I should do in order to combat this inefficiency? I tried uploading a backup of the site onto a sub-domain but the package size was too large for upload when using the BackupBuddy and Duplicator plugins.
I'm at my wit's end here. Any help would greatly be appreciated!
Thanks
Google Insights shows that you need to:
compress Javascript code
compress images
compress CSS
gzip this file: http://ininkk.com/wp-admin/admin-ajax.php?action=vanajax_enqueue_custom_style_via_ajax&ver=1.0.0.0
And there's way too many .css files in this project. You need to make one big file of CSS of everything and compress that.
These options will let you score better on Google Insights and also increase your website's loading speed.
Related
I am running a light wordpress installation, with a light theme (neve). I am running a CDN (cloudflare), I am making most optimizations that I can think of with some room around images and custom code stripping.
However I am not even close for my pages and even if I test AMP pages which are stripped down I don't get a passing score which concerns me. Can anyone help me out, for example 1 of my blog post pages:
Amp report:
https://pagespeed.web.dev/report?url=https%3A%2F%2Fwww.culturalistpress.com%2Fanycubic-photon-mono-3d-printer-is-it-good-what-materials-can-it-use-what-software-does-it-use-and-how-does-it-compare-to-the-anycubic-mega-series%2F%3Famp%3D1
Not amp report:
https://pagespeed.web.dev/report?url=https%3A%2F%2Fwww.culturalistpress.com%2Fanycubic-photon-mono-3d-printer-is-it-good-what-materials-can-it-use-what-software-does-it-use-and-how-does-it-compare-to-the-anycubic-mega-series%2F
In both cases my main thread processing is too much and too much JS - short of that I don't see a lot of savings. Most the JS comes from ads which I don't understand why they are blocking in this case.
I have checked your both reports, the man issue is with Javascript. As your website has developed in WordPress use some 3rd party plugin like WProcket and perfmatters to reduce unused Javascript. Your page DOM size, it is created when you have too many sections in your page. Try to reduce those sections to reduce the page size, minimize the gap between paragraphs.
Adjust the images size and try to use WEBP format of images. Also check the compatibility of third party plugins with you WordPress version which you have installed.
My website uploads texts some fraction of a second before the images or graphic appears.
I use elementor pro as my website builder and hello theme. Please wish to know how to tackle this issue. Thanks for helping.
The simple answer is: your browser prioritizes smaller file sizes. Use properly optimized images and make sure to use the webm format for optimal user experience.
That's it. There's nothing more to it than that. Use smaller images. You can look through google's do's and don'ts here.
I have an old WordPress site with thousands of images that are not optimized; making the site run very slow. I have plans to optimize all the images and then replace the ones on the site with the new, smaller images. I don't want to upload all the images to the site in addition to having the old ones there. I want to delete the old ones and add the new ones. What is the best way that I can accomplish this without breaking things?
If you have FTP access, you could download all of your images and optimize however you see fit, then re-upload (just keep them the same dimensions & file name and override the old files). Be sure to back up any required full-size images because you're overriding the ones on the server this way and wont get them back.
Or use one of dozens of image optimization plugins so you have no need to replace any images manually. For example:
Smush
Ewww
Imagify
Kraken
CW
TinyPNG
I have website and i have lots of images on home page.
Almost 60 images in row and i have almost 5 rows of carousel.
But all this image comes from remote website feed so i cant optimize them and the occupy lots of size
when i test my website in gt matrix it shows me 26mb of page so it is obvious it will take
much loading time.I have applied lazy loading images,how ever the speed is very slow
What steps should i take to speed up this kind of page?I dont want to use any plugin because they brake website some times
Upon showing images from another server makes the site slow, because that server may be slow.
So better you try to get those images from your server if possible, else you can try using
plugins like wp-supercache
Minify all your JS and CSS files
For better page speed and avoid these error you should try following things.
Enable Compression from Cpanel
You are using Wordpress so use any of the cache plugin.
Use header expiry using httaccess or page header.
minimize you scripts (css,js).
Use compressed images (jpegtran,pngout).
If your image is casing issue try to use CDN for images.
This will help you to improve page speed.
Crop the images using timthumb. There is wordpress plugins for timthumb probably. Check in wordpress directory as well as it's use. Once images size is reduced, Page would be loaded fast. Additionally, follow the #Jobin Jose's comment, will help you to optimize the speed. Moreover, use WP Super Cache plugins.
I'm using the video module on Drupal and it works pretty well.
I would like to manually update thumbnails of my videos instead of automatically generate them. Is that possible ?
thanks
Looks tough, there's a recent issue of someone complaining about this at http://drupal.org/node/670054 but there is a setting in the config (under automatic video thumbnailing), look at http://video.heidisoft.com/content/configuring-video-module
It'll be a lot of frustrating tweaks to get that to work, so sorry to say that no you can't manually update thumbnails using this module.