Size: a a a

Front-end developers

2020 September 10

С

Степан in Front-end developers
there's a problem?
Мои поздравления :)
Спасибо)
источник

NN

Nik Nik in Front-end developers
Степан
А в гугловской странички такая
Красава
источник

N

Nikolas in Front-end developers
Степан
Ребят можно ли считать что я достиг нирваны? Если скорость моего сайта (о котором я вчера спрашывал) такая (у меня слайдер из 12 картинок + 12 иконок и вдобавок чуток текста)
Это на пк или на мобильных?
источник

С

Степан in Front-end developers
Nikolas
Это на пк или на мобильных?
мобила
источник

N

Nikolas in Front-end developers
Тогда супер
источник

N

Nikolas in Front-end developers
А то я застрял на 75
источник

С

Степан in Front-end developers
На пк было около 95, когда на мобиле 70-75
источник

N

Nikolas in Front-end developers
Пк 99
Моб 75
источник

M

Mykyta in Front-end developers
Степан
Ребят можно ли считать что я достиг нирваны? Если скорость моего сайта (о котором я вчера спрашывал) такая (у меня слайдер из 12 картинок + 12 иконок и вдобавок чуток текста)
что помогло?
источник

d

davidklimenko in Front-end developers
Можешь дать линк на сайт где ты это проверяешь?
источник

С

Степан in Front-end developers
Nikolas
А то я застрял на 75
От себя напишу мини-инструкцию.
1) js  в конец документа
2) картинки - делай только такого розмера как тебе надо, или меньшого (например 500*500 оригинальное изобр, а у тебя оно показано в окошке 150*150 → изменяй розмер его быстро! )
3) после изминеня розмера подумай, что его можно ужать через https://tinypng.com/
4) Есть изображения которые можно перевести из png → jpg - переводи (webp - ефективен если изображения большое)
5) Самые большие шрифты подключай сразу в html через код → <link rel="preload" href="/public/views/subscriber/fonts/yourfont.woff2" as="font" type="font/woff2" crossorigin>
6) Все что есть в css - минифицируй.
7) Даже бутстрап можно уменьшить у 2 раза, если воспользоваться сервисом https://uncss-online.com/. (Важно, все стили бутстрапа, которых нет в html коде будут утеряны, также акуратно если через js потом будешь добавлятть стиль от бутстрапа)
8) Улыбнись, ты красавчик)
источник

С

Степан in Front-end developers
Mykyta
что помогло?
ну там понемножку все, но думаю главной причиной стало ужимание картинок, без ужыма 1,5 мб, в ужымом 350 кб.
источник

D

Dmitry in Front-end developers
Степан
От себя напишу мини-инструкцию.
1) js  в конец документа
2) картинки - делай только такого розмера как тебе надо, или меньшого (например 500*500 оригинальное изобр, а у тебя оно показано в окошке 150*150 → изменяй розмер его быстро! )
3) после изминеня розмера подумай, что его можно ужать через https://tinypng.com/
4) Есть изображения которые можно перевести из png → jpg - переводи (webp - ефективен если изображения большое)
5) Самые большие шрифты подключай сразу в html через код → <link rel="preload" href="/public/views/subscriber/fonts/yourfont.woff2" as="font" type="font/woff2" crossorigin>
6) Все что есть в css - минифицируй.
7) Даже бутстрап можно уменьшить у 2 раза, если воспользоваться сервисом https://uncss-online.com/. (Важно, все стили бутстрапа, которых нет в html коде будут утеряны, также акуратно если через js потом будешь добавлятть стиль от бутстрапа)
8) Улыбнись, ты красавчик)
Восьмой пункт помог, спасибо :)
источник

N

Nikolas in Front-end developers
Степан
От себя напишу мини-инструкцию.
1) js  в конец документа
2) картинки - делай только такого розмера как тебе надо, или меньшого (например 500*500 оригинальное изобр, а у тебя оно показано в окошке 150*150 → изменяй розмер его быстро! )
3) после изминеня розмера подумай, что его можно ужать через https://tinypng.com/
4) Есть изображения которые можно перевести из png → jpg - переводи (webp - ефективен если изображения большое)
5) Самые большие шрифты подключай сразу в html через код → <link rel="preload" href="/public/views/subscriber/fonts/yourfont.woff2" as="font" type="font/woff2" crossorigin>
6) Все что есть в css - минифицируй.
7) Даже бутстрап можно уменьшить у 2 раза, если воспользоваться сервисом https://uncss-online.com/. (Важно, все стили бутстрапа, которых нет в html коде будут утеряны, также акуратно если через js потом будешь добавлятть стиль от бутстрапа)
8) Улыбнись, ты красавчик)
Ахах красава) спасибо 😁.
Да я как раз прочитал об этом и хотел сегодня сделать. Так система навернудась)) и что бы не сносить все под ноль мне нужно сначала свои проекты закинуть на флеш так что.
Жду друга что бы карман дал дополнительный. А то не хочу файлы потерять..
😁
источник

N

Nikolas in Front-end developers
8 пункт просто Ляля)
источник

AE

Alex Elkin🇪🇸 in Front-end developers
Степан
От себя напишу мини-инструкцию.
1) js  в конец документа
2) картинки - делай только такого розмера как тебе надо, или меньшого (например 500*500 оригинальное изобр, а у тебя оно показано в окошке 150*150 → изменяй розмер его быстро! )
3) после изминеня розмера подумай, что его можно ужать через https://tinypng.com/
4) Есть изображения которые можно перевести из png → jpg - переводи (webp - ефективен если изображения большое)
5) Самые большие шрифты подключай сразу в html через код → <link rel="preload" href="/public/views/subscriber/fonts/yourfont.woff2" as="font" type="font/woff2" crossorigin>
6) Все что есть в css - минифицируй.
7) Даже бутстрап можно уменьшить у 2 раза, если воспользоваться сервисом https://uncss-online.com/. (Важно, все стили бутстрапа, которых нет в html коде будут утеряны, также акуратно если через js потом будешь добавлятть стиль от бутстрапа)
8) Улыбнись, ты красавчик)
пункты с первого по четвертый заставляют рыдать тэг picture и нпм пакеты imagemin
еще рОзмер улыбнул.
за 8й пункт прощаю =)
источник

NN

Nik Nik in Front-end developers
источник

NN

Nik Nik in Front-end developers
ребят, чет я туплю. подскажите, пж, что не так. почему возвращает undefined this.stickyStart
источник

IH

Ivan Hrynevytskyi in Front-end developers
а что она должна возвращать?)
источник

IH

Ivan Hrynevytskyi in Front-end developers
я там ни одного return не вижу)
источник