Website not smoooth

Support
#1

Hey,
Our website seems to be pretty sluggish and not smooth, we are trying to optomize all of our pictures and video for web. Can’t seem to find the issue.

we use pro on www.ripplesofgrace.com

#2

Hi there,

Thanks for posting in.

It seems to be okay, but one I noticed is that the video is causing some error which may be the cause of what you’re getting. And please remove the custom javascript as it only triggers more error, or simply change it to this


jQuery( function($) {

var img = new Image();
img.onload = function() {
    $('#logo').attr('src', $(this).attr('src'));
};
img.src = 'http://ripplesofgrace.com/wp-content/uploads/2017/10/KzBlueOpt.png'

var img = new Image();
img.onload = function() {
    $('#logo').attr('src', $(this).attr('src'));
};
img.src = 'http://ripplesofgrace.com/wp-content/uploads/2017/10/rootsblueopt352.png'</script>

} );

And for clarification, you mean sluggish when scrolling? Try installing a smooth scroll plugin and test it again.

Thanks!

#3

That code didn’t didn’t accomplish what my code accomplished so I had to resort back to my old code. However the smooth scroll seems to help a little

#4

Hi There,

Please use this updated code:

jQuery( function($) {

var img = new Image();
img.onload = function() {
    $('#logo').attr('src', $(this).attr('src'));
};
img.src = 'http://ripplesofgrace.com/wp-content/uploads/2017/10/KzBlueOpt.png';

var img = new Image();
img.onload = function() {
    $('#logo').attr('src', $(this).attr('src'));
};
img.src = 'http://ripplesofgrace.com/wp-content/uploads/2017/10/rootsblueopt352.png';

} );

There’s a typo error. I have remove the </script> from the code.

#6

The image still flickers with that code

#7

Hi there,

I think the problem is caused by the usage of the Parallax backgrounds too much in a page that a video is presented also. It is too much processing burden on the browser in my opinion.

To make sure why this is happening the best way is to check the sections one by one. Use the plugin below to duplicate the same page:

That will give you a chance to delete the sections one by one and check the performance. So you will get the section which is causing the none performant effect.

I also suggest that you turn off all Parallax effects and test the case.

Last suggestion, always try to find a trade-off between aesthetic effects and the performance of the page.

Thank you.

#8

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.