WebSite X5Help Center

7 Ответы - 2 Полезно
Dima Kornevich
Dima Kornevich
User
Автор

Здравствуйте!
Предлагаю следующее обновление в про версии на тех экспериментах что я провёл:

(Hello!
I propose the following update in the pro version on the experiments that I conducted:
)

Страница эксперимента: https://moblpay.com.ua/как-снять-деньги-с-телефона.html

Скорость загрузки с мобильного 92 %

Скорость с ПК

С ПК 97 % скорость

Теперь что я делал для таких показателей:

1. Создал страницу без шаблона (но тут появилась проблемма как визуально сделать красиво, потому что шаблон нагружал css и js и из-за этого было снижение загрузки)

После чего я хотел в вверщней части сайта добавить кнопку (объект Menu) и скорость падала из-за создания css и js кода опять) тогда я просто прописал: Главная и вставил ссылку на главную (создал некую искувственную гугл ускоренную страницу без шаблона) и скорось повысилась существенно.

ЭКСПЕРИМЕНТ 2

Я решил попробовать создать 2 страницы, одна была такой:

Внутри текстовых блоков были сжатые картинки в png до 3 kb 

По информации из гугл я узнал что картинки подгружаются быстрей если размер уже прописан в текстовом документе а не объекте так как объект подгружает js css и из-за этого загрузка замедляется, то есть я создал некую amp которая реально быстрей самого amp так как amp если проверять с 2g покрытием интернета не так уж и хороша нежели сжатая страница в html без объектов и шаблонов.

Потом я провел эксперимент на этой же странице с такой техникой:

тут же я решил картинки вставить в объект (Изображение) сжал их до 3 kb PNG и убрать шаблон

потом проверил скорость загрузки через https://developers.google.com/speed/pagespeed/insights/ и результат был одинаковым, НО!!! Первый вариант грузился с картинками в html то есть так:

Визуально если смотреть в адаптивном виде

то есть загружался без адаптации с той же скоростью как и с адаптацией за счет того что объект (изображение) подгружал js css и я выграл в этом в двух случаях

1й - то что картинка сразу воспринимается браузером а именно ее размер (не погружает скрипты для получения разрешения картинки)

2й с мобильного картинга видна в мобильном варианте, если же картинки были вставлены в объект (картинки) и проверить скорость через гугл то скорость падала в мобильной версии до 88 % по сравнению с 92% когда картинка вставлена в html документ с текстом.

ТЕПЕРЬ ЧТО ПРЕДЛАГАЮ:

1. В настройках адаптивности

Внести изменения а именно:

1. Добавить не только скрытие объектов а и допонительные возможности (функцию) адаптивность именно на мобильном устройстве) чтобы на пк была своя адаптивность а на мобильном своя - что это нам даст?

- Можно будет в адаптивном режиме для мобильных разрешений убрать шаблон а в пк версии шаблон будет и получется что в мобильном адаптивном режиме можно будет ускорить страницу за счет убирания шаблона и подгрузки разных css js но на пк версии же будет шаблон (тем самым мы создадим некую amp) а так получается что если мы убрали шаблон страница грузится хорошо не получается без всяких шаблонов и это не карасиво!! Но на мобильном это будет классно и загрузка даже с мобильным 2g будет хорошая.

СУТЬ ЗАДАЧИ!!!

Создать без шаблона страницу не на всех разрешениях а на разных разрешениях, к примеру сделать под кажое разрешение шапку или без, тем самым мы сможем создать мобильную версию без шапки а с пк версия будет с шапкой но загрузка будет значительно быстрей без шапки с мобильной разметкой

ИЛИ ТУТ

То есть или а адаптивности или выше как я указал нужно изменить или добавить чтобы на пк можно было сделать и на мобильном отдельно убрать шапку, на примере это будет так

- На пк будет шапка

-На мобильном мы уберем шапку тем самым ускорим загрузку на 30 % убраз все объекты которые подгружают.

Тест ишел неделю:

На https://developers.google.com/speed/pagespeed/insights/?hl=RU

На https://gtmetrix.com/reports/moblpay.com.ua/uYnHGqWC

На https://www.solarwinds.com/

Тест был на vds 4 ядра процессор и 8 озу ssd

Также были внедрены технологии

Gzip

Кэширование

Технология https://developers.google.com/speed/pagespeed/module

Сжатие в программе всего по максимум.

Достингут таким способом результат в 1,2 секунды загрузки страницы при 3g покрытии 

Читать больше
Размещено От Dima Kornevich
R2 - D2
R2 - D2
User

Многабукаф ниасилил. Изложите именно суть - кратко и в процентном соотношении было-стало.

Читать больше
Размещено От R2 - D2
Dima Kornevich
Dima Kornevich
User
Автор

Суть сделать страницу без шаблона как на мобильной версии так и на пк отдельно

Читать больше
Размещено От Dima Kornevich
Dima Kornevich
Dima Kornevich
User
Автор

Чтобы на пк был к примеру шаблон а на мобильной версии его убрать

Читать больше
Размещено От Dima Kornevich
R2 - D2
R2 - D2
User
Andrey M.
Чтобы на пк был к примеру шаблон а на мобильной версии его убрать

А что мешает руками за минуту времени удалить все что угодно в “мобильной версии”?

Читать больше
Размещено От R2 - D2
Dima Kornevich
Dima Kornevich
User
Автор

как ?

Читать больше
Размещено От Dima Kornevich
Dima Kornevich
Dima Kornevich
User
Автор

как в мобильной версии убрать шаблон ?

Читать больше
Размещено От Dima Kornevich