Описание тега front-end-optimization

Внешняя оптимизация (FEO) - это процесс оптимизации доставки ресурсов веб-сайта со стороны клиента.
0 ответов

Редактор изображений Froala, загрузка превью-URL, странное поведение

С бэкэндом.NET, в мой HTML я включил CDN редактора Froala, например: <script src="https://cdnjs.cloudflare.com/ajax/libs/froala-editor/2.7.0/js/froala_editor.pkgd.min.js"></script> и называется $('mySelector').froalaEditor(....) функция.…
0 ответов

Облачное хранилище Google с оценкой скорости страницы

Мне действительно трудно получить значение проницательности для моей домашней страницы выше 80 на 100. Я использую облачное хранилище Google и задаю метаданные Cache-Control (например: gsutil -h "Cache-Control:public,max-age=3600" cp -a public-read …
0 ответов

Эффективно размещать изображения в CSS-спрайтах

Я пытаюсь создать Карусель, где я покажу несколько твитов вместе с фотографией в профиле пользователя. У меня создан спрайт со всей фотографией профиля пользователя, чтобы уменьшить количество сетевых запросов. Я могу расположить изображения спрайта…
21 фев '19 в 06:50
1 ответ

Вызов функций из директивы AngularJs

Мне нужно вставить заголовок в моем приложении AngularJS. Я имел обыкновение иметь заголовок и контроллер заголовка, содержащий login/logout функции, так как заголовок содержит имя пользователя и login/logout, Теперь я изменил это на директиву heade…
1 ответ

Почему веб-работники HTML5 имеют высокую задержку запуска?

Согласно статье инженера Mozilla, Web Workers требуют около 40 мс до запуска (задержка). Как быстро работают веб-работники? https://hacks.mozilla.org/2015/07/how-fast-are-web-workers/ Веб-работникам требуется около 40 мс для создания экземпляра. Кро…
1 ответ

Как эта блокировка рендера CSS?

Я стараюсь изо всех сил следовать рекомендациям Google PageSpeed ​​о том, как создать свой веб-сайт для обеспечения оптимальной производительности. После анализа веб-сайта Google присваивает мне оценку или оценку на основе этих рекомендаций. Один из…
0 ответов

Как установить видимые изображения и файлы в публикации пользовательского интерфейса wp

Я пытаюсь сделать видимыми изображения и файлы (по крайней мере, ссылку, лучше кликабельные изображения), загружаемые пользователями с помощью формы веб-интерфейса WP, когда они отправляют сообщение. Я попытался добавить этот код в файл single.php т…
1 ответ

Использовать свойство перехода на * селектор?

Использовать *{ transition: all 0.25s linear; } вредит производительности или это плохая практика? Есть другой способ получить лучший переход элементов? Я пытаюсь сделать плавный переход элементов, чтобы они не обрезались и не мерцали на элементах п…
2 ответа

Какой из них лучше использовать CDN или на нашем собственном сервере?

Разумно ли при разработке веб-сайтов использовать CDN-ссылку для интеграции шрифтов, jquery и прочего? или лучше хранить файлы на нашем собственном сервере. Предположим, я сохранил свой файл jquery в своем хостинговом пространстве, которое находится…
0 ответов

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

Я работаю над улучшением производительности сайта и выяснил, что на нем используется несколько изображений, которые влияют на производительность сайта. Эти изображения контролируются клиентом и могут изменяться динамически. Есть ли какой-нибудь спос…
1 ответ

Интеграция React.js без JS Server API

Я скоро начну новый проект, который включает в себя обновление моего существующего интерфейса приложения для использования React.js. Текущий интерфейс делает стандартные вызовы REST на сервер, построенный с использованием технологий Microsoft, котор…
2 ответа

Лучший оптимизированный способ динамического заполнения HTML

Каков наилучший способ визуализации HTML с помощью AJAX? way1: изначально меньше html и больше динамического html через ajax. way2: изначально есть больше HTML и поставить менее динамический HTML через AJAX. например, мой HTML <div id="div1"> …
14 дек '16 в 07:16
0 ответов

Время загрузки сайта отличается более чем на 2 секунды при разных попытках

Я работаю над тем, чтобы выяснить узкое место производительности веб-сайта. Я использую хромированный пустой кеш и функцию полной перезагрузки и использую режим инкогнито (без включенного расширения). Для определения времени загрузки страницы исполь…
0 ответов

Хронология Chrome:- веб-сайт показывает время простоя в течение почти 3 секунд после отправки запроса на сервер

Я использую Chrome Timeline Tool и работаю над тем, чтобы выяснить проблемы с производительностью сайта. На временной шкале Chrome он начинает получать данные в определенный момент времени, но это происходит не быстро, а на временной шкале отображаю…
0 ответов

Можно ли при создании веб-приложения злоупотреблять или злоупотреблять `window.requestAnimationFrame()`?

Когда я создаю веб-приложения, мне нравится проводить различие между "важным" кодом и "лишним". "Важный" код - это код, необходимый для запуска функций приложения и обычно связанный с взаимодействием с пользователем. "Лишний" код - это код, который …
1 ответ

Webpack, как вынести модуль в свой слой сборки?

С настройками сборки по умолчанию я получаю следующие слои сборки: (X+A), (Y+A+B), (Z+B). Я хочу: (X + A), (Y + A), Z, B B должен загружаться только один раз, когда мы запрашиваем модули Y и Z. я нашел CommonsChunkPlugin, но я не могу настроить его…
2 ответа

Угловая архитектура: как управлять сохранением состояния с помощью нескольких HTTP-служб?

Мне было интересно, как вы должны структурировать приложение, которое обращается к бэкэнду. Обертывание HTTP-вызовов в сервисе кажется естественным способом, но как / где вы храните данные для согласованности? Например, у меня есть компонент, которы…
0 ответов

Оптимизируйте входящие изображения разных размеров

У меня есть приложение Angular, которое вызывает следующий API: https://aws.random.cat/meow. Эта конечная точка возвращает URL-адрес изображения, которое я сейчас использую вsrc атрибут тега изображения. Формат возвращаемого URL-адреса следующий: { …
05 май '20 в 11:29
1 ответ

В: Как ускорить процесс преобразования дизайна в HTML-страницы (вручную)?

Как интерфейсный дизайнер, конвертирующий дизайн (PSD, Sketch, AdobeXD, .. и т. Д.) В руководство по динамическим HTML-страницам. Я использую структуру начальной загрузки с библиотекой jQuery. Когда я начал эту работу, мне потребовалось много времен…
2 ответа

В чем преимущество веб-страницы Sperate для мобильных и настольных компьютеров?

Когда мы получаем доступ к странице facebook на мобильном устройстве, он перенаправляется на URL-адрес m.facebook.com, который m представляет для мобильного телефона. Даже когда мы обращаемся к этому URL-адресу на рабочем столе, он все равно возвращ…