I'm using the wordpress plugin Dflip flipbook, on this page, and it takes about 2 minutes to load the pdf file which is about 5MB, any advices on how to make it load faster than this?
That plugin is based on PDF.js so supports partial loading of pdf.. like in their demo.. The plugin should start with just less than 1MB of PDF data..
So if you can disable gzipping of PDFs through server setting.. the partial loads should work by default..
Related
I am helping out a friend with a slow WP. I installed hummingbird and it's telling me that some css files are slow to load (for example: https://cdnjs.cloudflare.com/ajax/libs/gsap/1.11.2/TweenMax.min.js - it takes 390ms to load). I would like to store this file locally and see if the performance improves. The problems is that I'm not sure about how to locate the file that is actually requesting this css file. Any help is appreciated.
I suggest a sweet plugin I use called String locator. It will search the whole site for a string like TweenMax.min.js. It will also search by plugin. When it find it it gives options to edit straight to the file. Hope this helps.
My wordpress website is extremely slow on loading the page. It's takin 8.3 seconds from Frankfurt sometimes more.
I am using Bluehost and I have heard it's slower but this seems too much...
You can see the waterfall here:
https://tools.pingdom.com/#5a253be0d4c00000
I noticed it has huge waiting times for the main page...
I have tried multiple things but had no success in bringing it down.
I am now using W3Cache but it's not helping much..., the loading speed is much the same. I have used it on other sites before with better results...
I have also changed most of the images by .jpg images that I optimized.
Does any one have any ideas or what I can do to bring the loading speed down to at least 4s? It's 8s right now
And any intel on why this is happening and how I can solve it would be great!
Since you are loading 45 .js and 25 .css (!!!) I think you'll benefit a lot from a merge and minify.
I like Autooptimize plugin for that, but you'll probly need some manual tweaking as well.
You should always move all possible JS to footer (last parameter from wp_enqueue_script), because <head> script load blocks rendering.
You could edit out useless loads or unused parts from files.
Like, you're loading font-awesome.css and their font files with ~4k icons twice (once in theme and again in a chat plugin).
You're loading a complete animate.css with it's ~80 animations code, just to use 1 or 2...
Also identify some css and js that are not needed for home and manually block them from ever loading on home making that page load faster...
// functions.php
if(is_home()) {
dequeue_style('handle')
dequeue_script('handle')
}
I am trying to scrape a video from a page using a package called icrawler, but that video is not rendered instantly when a page loads, so when I get the html code of that page, the video tag doesn't exist but it does if I open the page in the browser and inspect.
How do i wait for the page to load the video before crawling it ?
The page most likely loads the video using javascript so, you would need library capable of rendering/executing HTML and javascript.
I took a quick look at icrawler and according to the doc it uses Cheerio which quoting from its doc "does not produce a visual rendering, apply CSS, load external resources, or execute JavaScript".
The same docs mention that you could use something like PhahomJS (seems to be abandoned) or JSDom. Another alternative is to use Selenium.
Gtmetrix shows F(0) for Minify Javascript for appointmentcore and infusionsoft.
Ex:
https://www.appointmentcore.com/frontend/js/lib/jquery/plugins/availChooser/jquery.availChooser-2.0.3.js could save 47.5KiB (54% reduction).
https://www.appointmentcore.com/frontend/js/lib/rrule-metcalf/lib/rrule.js could save 38.1KiB (58% reduction).
https://www.appointmentcore.com/frontend/js/app-v1529684716.js could save 37.2KiB (56% reduction).
https://www.appointmentcore.com/frontend/js/app/utils-v1463861748.js could save 13.6KiB (53% reduction).
https://www.appointmentcore.com/frontend/js/lib/jquery/plugins/datepicker/jquery.datepick.js could save 8.4KiB (42% reduction) after compression.
http://wordpress-135827-551615.cloudwaysapps.com/wp-content/themes/DiviChild/js/owl.carousel.js could save 6.2KiB (35% reduction) after compression.
Is there any solution for it?
Thank you in advance.
This problem is old. There are two ways you can fix this.
First: Edit the file from the external connection to be minified and keep the connection.
Second: Copy the file into your internal, minify it, create a function for the the plugin or theme to link to that file instead of the external connection. You can create a cron job that will download the external file, then minify it, and overwrite your current minified file at least once a day.
EDIT: If you have no way of minifying the file then you are out of luck.
According to the comment: You cannot edit an iframe content unless you also have access to edit the iframe content.
I have created website in wordpress and its about to go live from test server to live server.
Its simple website which having multiple plugins.
After completion of development we have enable cache and minify css/js from below pluign.
1)Better WordPress Minify
2)W3 Total Cache
I have been testing website on my test server which is basically shared server.
I have done test loading time on
1) pingdom
2) GTmatrix
3) google page speed tool
4) webpage test
Now i am getting website loading time which is vary from 6-10s, can you help me how further i can reduce loading time.(i have applied all .htaccess tricks and w3totalcache settings)
Below are parameter need to yet fix from gtmatrix and google page speed which i have tried but coudnt achive.
GTmatrix:
1) Y-slow -> Add expiry headers (list show minify js, css only (minify bunch only))
2) Page speed -> Leverage browser caching (list show minify js, css only (minify bunch only))
Google page speed:
1) Leverage browser caching (list show minify js, css only (minify bunch only))
Can anyone guide me further how can i,
1) How can i apply browser caching for already minify js and css?
2) There are multiple images from database which taking time to load on home page..how can i reduce loading time? (images are optimised already)
I have tried on check google but coudnt find anything suitable for me..
Please help.
Thank you in advance.
For #2, you can implement lazy load for images. Also, make sure you are specifying width and height of the images, and loading appropriate size images (i.e. not scaling down to display the required size).
The images might be optimized but are they as small (width x height) as they can be? You didn't load a larger image than you needed did you?