Опубликовано

[Перевод] Ленивая загрузка изображений с использованием IntersectionObserver

В наши дни главным камнем преткновения на пути к высокой скорости загрузки сайтов являются изображения. Это особенно характерно для проектов из сферы электронной коммерции. На них изображения, обычно довольно «тяжёлые», составляют основную часть содержимого страниц. Это, как правило, приводит к тому, что для того, чтобы показать пользователю страницу, его браузеру требуется загрузить несколько мегабайт графических данных. Как ускорить загрузку страниц в такой ситуации? Ответу на этот вопрос и посвящён материал, перевод которого мы сегодня публикуем.

image
Читать дальше →
[Перевод] Ленивая загрузка изображений с использованием IntersectionObserver
Source: habrahabr

Опубликовано

Пост №3645082

Автор: GameInfo

ссылка на гифкуРазвернуть { «@context»: «http://schema.org», «@type»: «BlogPosting», «mainEntityOfPage»:{ «@type»:»WebPage», «@id»:»/post/3645082″ }, «headline»: «сахар :: черные выдумщики :: гиф анимация (гифки — ПРИКОЛЬНЫЕ gif анимашки)», «image»: { «@type»: «ImageObject», «url»: «http://img0.joyreactor.cc/pics/post/full/%D0%B3%D0%B8%D1%84%D0%BA%D0%B8-%D1%81%D0%B0%D1%85%D0%B0%D1%80-%D1%87%D0%B5%D1%80%D0%BD%D1%8B%D0%B5-%D0%B2%D1%8B%D0%B4%D1%83%D0%BC%D1%89%D0%B8%D0%BA%D0%B8-4710104.gif», «height»: 360, «width»: 202 }, «datePublished»: «2018-09-18T11:56:30+03:00», «dateModified»: «2018-09-18T11:56:30+03:00», «author»: { «@type»: «Person», «name»: «GameInfo» }, «publisher»: { «@type»: «Organization», «name»: «JoyReactor.cc», «logo»: { «@type»: «ImageObject», «url»: «http://joyreactor.cc/images/joyreactor_ie6.png», «width»: 207, «height»: 54 } }, «description»: «» }
Комментировать 
Пост №3645082
Source: Joyreactor

Опубликовано

Пост №3645076

Автор: Bazerald

Орленко Евгений сам себя застрелил проверяя бронежилет, а его товарищ снял на камеру.Развернуть { «@context»: «http://schema.org», «@type»: «BlogPosting», «mainEntityOfPage»:{ «@type»:»WebPage», «@id»:»/post/3645076″ }, «headline»: «Орленко Евгений сам себя застрелил проверяя бронежилет, а его товарищ снял на камеру. / youtube :: идиот :: Орленко Евгений», «image»: { «@type»: «ImageObject», «url»: «http://img1.joyreactor.cc/pics/post/full/youtube-%D0%B8%D0%B4%D0%B8%D0%BE%D1%82-%D0%9E%D1%80%D0%BB%D0%B5%D0%BD%D0%BA%D0%BE-%D0%95%D0%B2%D0%B3%D0%B5%D0%BD%D0%B8%D0%B9-4710095.jpeg», «height»: 90, «width»: 120 }, «datePublished»: «2018-09-18T11:53:42+03:00», «dateModified»: «2018-09-18T11:53:42+03:00», «author»: { «@type»: «Person», «name»: «Bazerald» }, «publisher»: { «@type»: «Organization», «name»: «JoyReactor.cc», «logo»: { «@type»: «ImageObject», «url»: «http://joyreactor.cc/images/joyreactor_ie6.png», «width»: 207, «height»: 54 } }, «description»: «» }
Комментировать 
Пост №3645076
Source: Joyreactor

Опубликовано

Пост №3645071

Автор: Segaman

Когда научился использовать логические сети в FactorioРазвернуть { «@context»: «http://schema.org», «@type»: «BlogPosting», «mainEntityOfPage»:{ «@type»:»WebPage», «@id»:»/post/3645071″ }, «headline»: «Когда научился использовать логические сети в Factorio / Factorio :: gay :: Игры», «image»: { «@type»: «ImageObject», «url»: «http://img0.joyreactor.cc/pics/post/full/Factorio-gay-%D0%98%D0%B3%D1%80%D1%8B-4710090.jpeg», «height»: 1080, «width»: 1920 }, «datePublished»: «2018-09-18T11:48:05+03:00», «dateModified»: «2018-09-18T11:48:05+03:00», «author»: { «@type»: «Person», «name»: «Segaman» }, «publisher»: { «@type»: «Organization», «name»: «JoyReactor.cc», «logo»: { «@type»: «ImageObject», «url»: «http://joyreactor.cc/images/joyreactor_ie6.png», «width»: 207, «height»: 54 } }, «description»: «» }
Комментировать 
Пост №3645071
Source: Joyreactor

Опубликовано

[Из песочницы] Плеер для аудиокниг в ретро-стиле

Снова пришла осень. А вместе с ней пришли серое небо, дождливая погода и осенняя хандра. В такую погоду хочется разжечь камин, забраться с ногами на кресло, укутаться в теплый плед и, неспешно попивая горячий чай, послушать какой-нибудь радиоспектакль, как в детстве. Казалось-бы при современном развитии техники с прослушиванием спектаклей или аудиокниг нет никаких проблем — нас окружает множество устройств, способных воспроизводить звук. Это компьютеры, телефоны, mp3-плееры. Но проблема в том, что этот звук отличается от того, который издавали старые радиоточки, приемники или проигрыватели. А значит надо сделать плеер, который будет звучать «как в детстве». И выглядеть соответствующим образом.

image

Кому интересно, добро пожаловать под кат.
Читать дальше →
[Из песочницы] Плеер для аудиокниг в ретро-стиле
Source: geektimes

Опубликовано

Пост №3645070

Автор: TOKENOU

Развернуть { «@context»: «http://schema.org», «@type»: «BlogPosting», «mainEntityOfPage»:{ «@type»:»WebPage», «@id»:»http://Witcher.reactor.cc/post/3645070″ }, «headline»: «tVvcc boVs eN/e° ЬтсоГО / Triss Merigold :: Witcher Эротика :: Witcher Персонажи :: The Witcher (Ведьмак, Witcher) :: thiccboyseven :: фэндомы», «image»: { «@type»: «ImageObject», «url»: «http://img1.joyreactor.cc/pics/post/full/Triss-Merigold-Witcher-%D0%9F%D0%B5%D1%80%D1%81%D0%BE%D0%BD%D0%B0%D0%B6%D0%B8-The-Witcher-%D1%84%D1%8D%D0%BD%D0%B4%D0%BE%D0%BC%D1%8B-4710089.jpeg», «height»: 1080, «width»: 1920 }, «datePublished»: «2018-09-18T11:46:14+03:00», «dateModified»: «2018-09-18T11:46:14+03:00», «author»: { «@type»: «Person», «name»: «TOKENOU» }, «publisher»: { «@type»: «Organization», «name»: «JoyReactor.cc», «logo»: { «@type»: «ImageObject», «url»: «http://joyreactor.cc/images/joyreactor_ie6.png», «width»: 207, «height»: 54 } }, «description»: «» }
Комментировать 
Пост №3645070
Source: Joyreactor

Опубликовано

Цитата #452302

Илья: Александр, Ты, за базаром-то следи, а то и по хлебалу недолго схлопотать!
Ольга: Илья, по интернету? Злобный смайлик пришлете?)))
Цитата #452302
Source: bash

Опубликовано

Цитата #452301

В 1972 году отец купил "копейку". Отъездив шесть лет, продал одному мужику. ЧЕРЕЗ 20 ЛЕТ получаю ключи от машины у этого мужика со словами: "Держи зятек.еще погоняешь!"
Цитата #452301
Source: bash

Опубликовано

Пост №3645067

Автор: KotProglot

Развернуть { «@context»: «http://schema.org», «@type»: «BlogPosting», «mainEntityOfPage»:{ «@type»:»WebPage», «@id»:»/post/3645067″ }, «headline»: «живность :: котэ (прикольные картинки с кошками)», «image»: { «@type»: «ImageObject», «url»: «http://img0.joyreactor.cc/pics/post/full/%D0%BA%D0%BE%D1%82%D1%8D-%D0%B6%D0%B8%D0%B2%D0%BD%D0%BE%D1%81%D1%82%D1%8C-4710086.jpeg», «height»: 1080, «width»: 810 }, «datePublished»: «2018-09-18T11:43:08+03:00», «dateModified»: «2018-09-18T11:43:08+03:00», «author»: { «@type»: «Person», «name»: «KotProglot» }, «publisher»: { «@type»: «Organization», «name»: «JoyReactor.cc», «logo»: { «@type»: «ImageObject», «url»: «http://joyreactor.cc/images/joyreactor_ie6.png», «width»: 207, «height»: 54 } }, «description»: «» }
Комментировать 
Пост №3645067
Source: Joyreactor

Опубликовано

Пост №3645064

Автор: KotProglot

Развернуть { «@context»: «http://schema.org», «@type»: «BlogPosting», «mainEntityOfPage»:{ «@type»:»WebPage», «@id»:»/post/3645064″ }, «headline»: «живность :: котэ (прикольные картинки с кошками)», «image»: { «@type»: «ImageObject», «url»: «http://img1.joyreactor.cc/pics/post/full/%D0%BA%D0%BE%D1%82%D1%8D-%D0%B6%D0%B8%D0%B2%D0%BD%D0%BE%D1%81%D1%82%D1%8C-4710083.jpeg», «height»: 460, «width»: 640 }, «datePublished»: «2018-09-18T11:42:38+03:00», «dateModified»: «2018-09-18T11:42:38+03:00», «author»: { «@type»: «Person», «name»: «KotProglot» }, «publisher»: { «@type»: «Organization», «name»: «JoyReactor.cc», «logo»: { «@type»: «ImageObject», «url»: «http://joyreactor.cc/images/joyreactor_ie6.png», «width»: 207, «height»: 54 } }, «description»: «» }
Комментировать 
Пост №3645064
Source: Joyreactor