Can you Edit HTML

[nrgiser]

Hi good people,

I need your advice and clarification.

I have been doing the Google Page Speed Insight like so many others and like many others on here keep getting the "Eliminate render-blocking resources" suggestion, which seems to be slowing down my page.

I know you have a tool in the program Tools>Option>HTML and that I can check/click >>

Generate external JS file for page specific scripts
Move JavaScript to the end of the page
Move external CSS style sheets to the end of the page

But when I do, my page does not load up correctly as I do have some third party .js files I believe like a currency converter.

So from my understanding I need move all my .js and .css files to the bottom of the page, but before the closing tags so that they load last and not at the beginning.

I have a list of my .js and .css files that need moving to the bottom of my HTML coding for a page, but is there a way that I can move the files in the program.

I have gone to page>page HTML and see my page HTML, and all my .js and .css files at the top of the page. Is there a way that I can delete them from the top of the page and place them in the bottom of the page before the closing tags. I have tried and yes I can copy and paste them in to the bottom of the page, but I cannot delete the files at the top of the page.

I am thinking I will need to get a third party HTML editor, copy and paste the entire HTML code from WYSIWYG then edit the HTML coding so that the .js and .css files are at the bottom of the page and can then delete the files from the top of the page, copy and paste it again before uploading the new HTML code either via Filezilla or Cpanel.

Am I missing something or is this the only way forward to get these files to the bottom of my page without it the layout of the page when it loads up.

Here is the list of the .js and .css files that need moving >>

JS Files

/jscookmenu.min.js

/jquery-1.12.4.min.js

/wb.lazyload.min.js

/jquery-ui.min.js

/wb.slideshow.min.js

/affix.min.js

/scrollspy.min.js

/fancybox/jquery.fancybox.min.js

CSS Files


/font-awesome.min.css

/Ocean_Bay….css

/studio-room.css

/fancybox/jquery.fancybox.min.css

And this is the code that I want to delete from the top of the page and put in the bottom of the page before the closing tags >>

<script type="text/javascript">
<script src="jscookmenu.min.js"></script>
<link href="font-awesome.min.css" rel="stylesheet">
<link href="Ocean_Bay_Webpage_2.css" rel="stylesheet">
<link href="studio-room.css" rel="stylesheet">
<script src="jquery-1.12.4.min.js"></script>
<script src="wb.lazyload.min.js"></script>
<script src="jquery-ui.min.js"></script>
<script src="wb.slideshow.min.js"></script>
<script src="affix.min.js"></script>

I think the above is correct, I am not asking anyone to code for me, I am just looking for clarification if this is the only way forward to prevent the files from loading at the beginning.

Thank you for taking the time to read my post.

[Pablo]

WYSIWYG Web Builder is not a HTML/code editor, you cannot edit the code directly because it does not exist until you publish or preview the page.
In Tools -> Option -> HTML you can control whether the files will be moved to the end of the page.
If your own scripts no longer work after enabling this option then you will need to update those scripts so they can be placed at the end of the page.

Note however that I do not think that it will actually make the page load faster, it just makes Google Page Speed Insight happy...
Reducing the size of larger images will have more impact on the page speed.

[nrgiser]

Hi Pablo,

Thank you for your suggestions. I will have to look in to this more and my scripts.