How to optimize Bitrix, where to find the error?

Question

1C-Bitrix

Greetings.
How to optimize a site on Bitrix.
Checked with google pagespeed. Shows low for PC 25/100,
70/100 for mobile.
Google advises to optimize images, compress css and js.
How to do it all? Are there online services?
And after I put https, it shows mixed in the console. How to find the line and fix it?
Website: https://borellifashiongroup.ru

Answer 1

First you need to realize that the problem is not on all pages. For example, the main one is very well displayed.
As for the rest:
1) First, keep Bitrix updated (otherwise some features may not always work correctly)
2) In the settings of the main module, it is necessary to check the options "Merge CSS files" and "Merge JS files". Ideally, of course, everything from the "CSS Optimization" block, but in practice, sometimes after that there are big problems with caching in browsers.
3) Then you need to check the login form - the captcha is displayed there:

spoiler

<form action='http://borelli.beget.tech/bitrix/templates/eshop_bootstrap_blue/send_msg_form.php'  method='GET'>
   <input name='name' type='text' placeholder='Имя*' class='name_form' ></input>
   <input name='email' type='email' placeholder='E-mail*' class='email_form' ></input><br><br>
   <input name='topic' type='text' placeholder='Тема*' class='topic_form' ></input><br><br>
   <textarea name='msg' placeholder='Сообщение*'></textarea><br><br>
   <img src='http://borellifashiongroup.ru/bitrix/templates/eshop_bootstrap_blue/captcha.php' class='captcha' />
   <input type='text' name='norobot' placeholder='Введите текст с картинки*' class='captcha_code' ></input>
   <button>отправить</button>
  </form>

4) Next, you need to deal with the pictures - too heavy. On the catalog page I saw 3MB each. In general, you can compress at least 2 times (or even more) into a light one without loss of quality. I don’t offer any JPEG 2000 / XP and WebP, since Bitrix does not work with them, but it’s possible to reduce the quality (at least up to 80%) and resolution.
5) Refactor in components. Ideally, inline javascript and css code should not be on the page, but you have a bunch of it.