1. Создал страницу без шаблона (но тут появилась проблемма как визуально сделать красиво, потому что шаблон нагружал css и js и из-за этого было снижение загрузки)
После чего я хотел в вверщней части сайта добавить кнопку (объект Menu) и скорость падала из-за создания css и js кода опять) тогда я просто прописал: Главная и вставил ссылку на главную (создал некую искувственную гугл ускоренную страницу без шаблона) и скорось повысилась существенно.
ЭКСПЕРИМЕНТ 2
Я решил попробовать создать 2 страницы, одна была такой:
Внутри текстовых блоков были сжатые картинки в png до 3 kb
По информации из гугл я узнал что картинки подгружаются быстрей если размер уже прописан в текстовом документе а не объекте так как объект подгружает js css и из-за этого загрузка замедляется, то есть я создал некую amp которая реально быстрей самого amp так как amp если проверять с 2g покрытием интернета не так уж и хороша нежели сжатая страница в html без объектов и шаблонов.
Потом я провел эксперимент на этой же странице с такой техникой:
тут же я решил картинки вставить в объект (Изображение) сжал их до 3 kb PNG и убрать шаблон
то есть загружался без адаптации с той же скоростью как и с адаптацией за счет того что объект (изображение) подгружал js css и я выграл в этом в двух случаях
1й - то что картинка сразу воспринимается браузером а именно ее размер (не погружает скрипты для получения разрешения картинки)
2й с мобильного картинга видна в мобильном варианте, если же картинки были вставлены в объект (картинки) и проверить скорость через гугл то скорость падала в мобильной версии до 88 % по сравнению с 92% когда картинка вставлена в html документ с текстом.
ТЕПЕРЬ ЧТО ПРЕДЛАГАЮ:
1. В настройках адаптивности
Внести изменения а именно:
1. Добавить не только скрытие объектов а и допонительные возможности (функцию) адаптивность именно на мобильном устройстве) чтобы на пк была своя адаптивность а на мобильном своя - что это нам даст?
- Можно будет в адаптивном режиме для мобильных разрешений убрать шаблон а в пк версии шаблон будет и получется что в мобильном адаптивном режиме можно будет ускорить страницу за счет убирания шаблона и подгрузки разных css js но на пк версии же будет шаблон (тем самым мы создадим некую amp) а так получается что если мы убрали шаблон страница грузится хорошо не получается без всяких шаблонов и это не карасиво!! Но на мобильном это будет классно и загрузка даже с мобильным 2g будет хорошая.
СУТЬ ЗАДАЧИ!!!
Создать без шаблона страницу не на всех разрешениях а на разных разрешениях, к примеру сделать под кажое разрешение шапку или без, тем самым мы сможем создать мобильную версию без шапки а с пк версия будет с шапкой но загрузка будет значительно быстрей без шапки с мобильной разметкой
ИЛИ ТУТ
То есть или а адаптивности или выше как я указал нужно изменить или добавить чтобы на пк можно было сделать и на мобильном отдельно убрать шапку, на примере это будет так
- На пк будет шапка
-На мобильном мы уберем шапку тем самым ускорим загрузку на 30 % убраз все объекты которые подгружают.
Auteur
Здравствуйте!
Предлагаю следующее обновление в про версии на тех экспериментах что я провёл:
(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 покрытии
Многабукаф ниасилил. Изложите именно суть - кратко и в процентном соотношении было-стало.
Auteur
Суть сделать страницу без шаблона как на мобильной версии так и на пк отдельно
Auteur
Чтобы на пк был к примеру шаблон а на мобильной версии его убрать
А что мешает руками за минуту времени удалить все что угодно в “мобильной версии”?
Auteur
как ?
Auteur
как в мобильной версии убрать шаблон ?