Author |
Topic |
|
Lori Titus
VP-CART New User
144 Posts |
Posted - January 05 2020 : 10:54:18
|
I''m working on optimizing my website. As part of that, I''m using pagespeed insights with google developer tools. It is indicating that third-party javascript loading is slowing things down with both mobile and desktop versions of the website. Specifically, boostrap, googleapis, and some of the tracking software.
I was able to eliminate the problems with the tracking software by using defer and asynch in the > coding in shoppage_trailer and shopfrontpage_trailer. Defer and asynch has also reduced the problem on the desktop version of the site for boostrap and googleapis.
However, the mobile load time is still horrible, and the culprit seems to be bootstrap and googleapis. Does anyone know, is VPASP calling these scripts for mobile from another location in the software? Should I be looking someplace else?
The Internet''s #1 supplier of honey and beeswax. |
|
Alex123
VP-CART Super User
USA
223 Posts |
Posted - January 06 2020 : 15:49:38
|
You may compare the source code of your website with another vpcart website to see whether the scripts mentioned are used. Sometimes high image size, custom code, loading external data etc. also found causing problem. Would be good if you can go through the details deeply.
-Alex |
|
|
Lori Titus
VP-CART New User
144 Posts |
Posted - January 07 2020 : 00:11:12
|
The Google Developer Tools already drills down and analyzes what is taking time to load. As stated, the largest culprit is third-party javascript loading, in particular bootstrap and googleapis. I was able to eliminate the issue on the desktop version of the website with defer and asynch. That did NOT resolve the problem with the mobile website, it is still taking a long time to load bootstrap and googleapis.
The Internet''s #1 supplier of honey and beeswax. |
|
|
support
Administrator
4679 Posts |
Posted - January 07 2020 : 01:25:29
|
Hi Lori,
Hope you had a great holiday season.
Thanks for letting us know about this one.
Our tech guys have jumped onto it and released and patch file plus it will also be included in our next main update release as well.
You can download the patch for bootstrap speed up from here:
https://www.vpcart.com/sales/addons900.asp" target="_blank"> https://www.vpcart.com/sales/addons900.asp
If you find anything else let us know!
Hope this helps.
Thanks Cam Flanigan VPCart Product Support
|
|
|
Lori Titus
VP-CART New User
144 Posts |
Posted - January 07 2020 : 12:42:16
|
Cam, you are my favorite IT dude. Thanks so much!
The Internet''s #1 supplier of honey and beeswax. |
|
|
Lori Titus
VP-CART New User
144 Posts |
Posted - January 07 2020 : 13:19:44
|
OK, here is the next question.
I have v8.something. Will those files work for v8, and if so, where do I need to upload the two .min files?
The Internet''s #1 supplier of honey and beeswax. |
|
|
support
Administrator
4679 Posts |
Posted - January 08 2020 : 19:57:35
|
Hi Lori,
Yes It will work as v8 is also built with bootstrap 3.2 but instead of "plugins" directory, you should upload it to "common" directory.
Let me know if this does not work
Thanks Bryan Giray VPCart Support |
|
|
Lori Titus
VP-CART New User
144 Posts |
Posted - January 08 2020 : 20:42:39
|
It is not working.
I uploaded the files to common (so, common>bootstrap>filename). I updated the files in shoppage_header and shoppage_trailer as directed, changing ''plugins'' to ''common''.
I get the following error:
Microsoft VBScript runtime error ''800a000d''
Type mismatch: ''generate_js_css_filestring''
/shopdisplayproducts.asp, line 0
The Internet''s #1 supplier of honey and beeswax. |
|
|
support
Administrator
4679 Posts |
Posted - January 13 2020 : 19:00:55
|
Hi
instead of generate_js_css_filestring Please change the following code:
for shoppage_header.htm: <link rel="stylesheet" href="common/bootstrap/bootstrap.min.css" />
for shoppage_trailer.htm: jQl.loadjQdep(''common/bootstrap/bootstrap.min'');
Let me know if this does not work
Thanks Bryan Giray VPCart Support |
|
|
Lori Titus
VP-CART New User
144 Posts |
Posted - February 04 2020 : 10:09:43
|
The page is functional with those changes, but it isn''t resolving the speed issues caused by bootstrap. If you go to Google''s Page Speed and type in beefolks.com, you''ll see what I mean. I was able to minimize nearly everything else.....
https://developers.google.com/speed/pagespeed/insights/
The Internet''s #1 supplier of honey and beeswax. |
|
|
support
Administrator
4679 Posts |
Posted - February 10 2020 : 22:10:38
|
Hi Lori,
Our tech guys have had a look at your site and this is what they posted back to me:
===========================
Our investigations have raised a few points:
1. We have fixed the JS error in bootstrap.min. I believe the code changes made by a third party should be in bootstrap.min instead.
2. We have fixed the custom CSS issue that was not hiding the spinning circle at bottom.
3. Your site is loading fast from directly accessing your site, but Google is showing not desired result for mobile device.
3a. By increasing the score on mobile devices, we advice to move "loading CSS" from header to trailer (this method already built in with V9), it will eliminate the CSS render blocking issue that reported by Google.
If client is interested we can provide quote on moving the loading CSS from header to footer so it is the same as VPCart 9.
===========================
If you would like a quote for our guys please feel free to post a ticket in our helpdesk at:
https://helpdesk.vpcart.com
Thanks
Cam Flanigan VPCart Product Support
|
|
|
|
Topic |
|