Post by Voltagescot » Fri Jan 08, 2021 10:30 pm

Hi All

so lately ive been trying to improve my site speed etc and find any problems to bounce rate on my site at the moment my site is taking 6.6 seconds to fully load as reported by gtmetrix the highest alert on there is render-blocking resources how can i improve this also med alert is caching of images , text etc so a 2nd visit will load faster.

Any help greatly appricated. OC Version 3.0.3.2
Last edited by Voltagescot on Sat Jan 09, 2021 6:09 pm, edited 1 time in total.

You can build your own dream or help build someone else's. O0


User avatar
New member

Posts

Joined
Wed Nov 11, 2020 6:16 am

Post by IP_CAM » Fri Jan 08, 2021 10:33 pm

Show your Site URL, to give us some ways to check and make tests.

I am no longer active at the Forum. Please do NOT send me Personal Mails,
they will no longer be replied to.
My Github OC Site: https://github.com/IP-CAM
4'300 + FREE OC Extensions, on the World's largest Github OC Repository Archive Site.


User avatar
Legendary Member

Posts

Joined
Tue Mar 04, 2014 1:37 am
Location - Switzerland

Post by Voltagescot » Sat Jan 09, 2021 7:52 am

Sorry thought I'd added in.

https://www.voltagescotland.co.uk/

You can build your own dream or help build someone else's. O0


User avatar
New member

Posts

Joined
Wed Nov 11, 2020 6:16 am

Post by mikeinterserv » Sat Jan 09, 2021 8:32 am

Running lighthouse on the site it gets a pretty low performance score.
Worse than the ACTUAL performance which isn't terrible.
Desktop - its fine
Mobile a little slow

First thing to do is compress all those .PNG images to jpg or webp
Secondly - what lighthouse calls main thread work
Layout - script evaluation - other (your guess is as good as mine)
There is probably not a lot else you can do with the site running the JS etc as currently.
Caching is relating to those PNGs also. So I would change all those first then run lighthouse again from chrome devtools

To eliminate the invisible text
Find the css for your wolff fonts and add this last line - font-display:swap;
It will then look something like below.

Code: Select all

  @font-face {
  font-family: 'Pacifico';
  font-style: normal;
  font-weight: 400;
  src: local('Pacifico Regular'), local('Pacifico-Regular'), url(https://fonts.gstatic.com/s/pacifico/v12/FwZY7-Qmy14u9lezJ-6H6MmBp0u-.woff2) format('woff2');
  font-display: swap;
}

Active Member

Posts

Joined
Thu May 28, 2020 6:55 am
Location - Wales

Post by Voltagescot » Sat Jan 09, 2021 8:49 am

Yeah I saw the pngs causing slowness I installed a extension it's converting all the other images except them I tried to upload webp to replace the PNG and it deletes the module that they're in. Not sure how to get around that. I will implement your other suggestions thankyou bud

You can build your own dream or help build someone else's. O0


User avatar
New member

Posts

Joined
Wed Nov 11, 2020 6:16 am

Post by mikeinterserv » Sat Jan 09, 2021 8:59 am

I just ran lighthouse 3 more times
the performance score fluctuates a bit from quite low to good
Server and network conditions can account for it.
Personally I don't think you have much of a problem at all
Especially if you do the little bits you can anyway.
You have time to interactive down to a second or so in favourable conditions.

Active Member

Posts

Joined
Thu May 28, 2020 6:55 am
Location - Wales

Post by IP_CAM » Sat Jan 09, 2021 10:44 am

Well, at first, all Images, Styles, and Scripts should be compressed/minified, i.E., by use of those tools:
https://www.giftofspeed.com/tools/
---
Another important matter is, to make MOST OF the Theme HEADER Style and Script- Links 'cookie-free',
by linking them as http(s):// shop. com, if the 'regular' Site URL is http(s):// www. shop. com,
or then in reverse. This can easy be done directly in the Theme Header File, or by use of an OcMod or VqMod.
Sample: (Version OC v.1.5.6.5)

Code: Select all

<script src="http(s)://shop.com/catalog/view/javascript/jquery/jquery-2.1.1.min.js" type="text/javascript"></script>
<link rel="stylesheet" href="http(s)://shop.com/catalog/view/theme/default/stylesheet/stylesheet.css" media="screen" />
<script src="http(s)://shop.com/catalog/view/javascript/common.js" type="text/javascript"></script>
<?php foreach ($styles as $style) { ?>
<link rel="<?php echo $style['rel']; ?>" href="http(s)://shop.com/<?php echo $style['href']; ?>" media="<?php echo $style['media']; ?>">
<?php } ?>
<?php foreach ($scripts as $script) { ?>
<script src="http://shop.com/<?php echo $script; ?>"></script>
<?php } ?>
---
Image-Links can be made cookiefree, by use of something like this: (VqMod Version OC v.1.5.6.5)
config.php Content:

Code: Select all

define('HTTP_SERVER', 'http(s)://www.shop.com/');
define('HTTP_IMAGE', 'http(s)://shop.com/image/');
// HTTPS
define('HTTPS_SERVER', 'http(s)://shop.com/');
define('HTTPS_IMAGE', 'http(s)://shop.com/image/');
----
VqMod Code: (VqMod Version OC v.1.5.6.5)

Code: Select all

<file name="catalog/model/tool/image.php">
<operation error="log">
<search position="replace"><![CDATA[return $this->config->get('config_ssl') . 'image/' . $new_image;]]></search>
<add><![CDATA[return HTTPS_IMAGE . $new_image . '" width="' . $width . '" height="' . $height;]]></add>
</operation>

<operation error="log">
<search position="replace"><![CDATA[return $this->config->get('config_url') . 'image/' . $new_image;]]></search>
<add><![CDATA[return HTTP_IMAGE . $new_image . '" width="' . $width . '" height="' . $height;]]></add>
</operation>
</file>

<file name="catalog/controller/payment/skrill.php,catalog/controller/total/voucher.php,catalog/model/checkout/order.php,catalog/model/tool/image.php" error="skip">
<operation error="skip">
<search position="replace"><![CDATA[$this->config->get('config_url') . 'image/']]></search>
<add><![CDATA[HTTP_IMAGE]]></add>
</operation>

<operation error="skip">
<search position="replace"><![CDATA[$this->config->get('config_ssl') . 'image/']]></search>
<add><![CDATA[HTTPS_IMAGE]]></add>
</operation>
</file>
Just to give you some Ideas on this, to then some day eventually end up like this ;)

Image

I am no longer active at the Forum. Please do NOT send me Personal Mails,
they will no longer be replied to.
My Github OC Site: https://github.com/IP-CAM
4'300 + FREE OC Extensions, on the World's largest Github OC Repository Archive Site.


User avatar
Legendary Member

Posts

Joined
Tue Mar 04, 2014 1:37 am
Location - Switzerland

Post by by mona » Sat Jan 09, 2021 2:24 pm

all of the above and also google defer and gzip

DISCLAIMER:
You should not modify core files .. if you would like to donate a cup of coffee I will write it in a modification for you.


Spinning Social : Links : Menus : Payments : Socials : Ads : Screen Backgrounds : Galleries : Headers : Banners : Promos


Active Member

Posts

Joined
Mon Jun 10, 2019 9:31 am

Post by Voltagescot » Sat Jan 09, 2021 3:42 pm

Thanks peeps O0 I'm looking to implement all this today an yes 100% is the goal ;D but I'd be happy to reach a 95 any other thoughts you guys have about what could affect bounce rate

You can build your own dream or help build someone else's. O0


User avatar
New member

Posts

Joined
Wed Nov 11, 2020 6:16 am
Who is online

Users browsing this forum: No registered users and 25 guests