• Как добавить на сайт счётчики аналитики не ухудшая скорость загрузки?

    gromel
    @gromel
    SEO | VDS | WP | BITRIX
    Использовать отложенную загрузку счетчиков по действию "scroll", "touchstart", "click".

    Пример подключения:
    Отложенная загрузка кода Яндекс.Метрики

    Использую на своих проектах.

    По одному проекте мониторил контрольный пул запросов.

    1. Внес правки (много всего, не только скрипты аналитики), показатели Google Page Speed были ~35/65 стали 100/100.
    2. В search-console гугла, в разделе "Основные интернет-показатели"/"Мобильный", отправил на перепроверку страницы с низкими показателями. Занимает 28 дней.
    3. Спустя пару месяцев с момента правок, был прирост устоявшихся позиций по гуглу — из диапазона 5-7 сдвинулись в 3-5.

    Без ленивой загрузки метрики, показатели Google Page Speed были ~92/98. Основная причина — сторонний код заблокировал основной поток.
    Ответ написан
    Комментировать
  • Как добавить на сайт счётчики аналитики не ухудшая скорость загрузки?

    naarende
    @naarende
    Диджитал менеджер
    Хороший вопрос от автора.
    Правильный ответ примерно такой:

    Работать над оптимизацией внешних подключений важно. Асинхронность по умолчанию должна быть, но она не спасает от перегрузки основного потока.
    У нас на проекте стоит не только Яндекс Метрика, Гугл Аналитика, пиксель ФБ, пиксель ВК, но и Hotjar и utmstat и они совершенно не мешают ничему. Подключать всё надо грамотно, откладывая по времени и по событиям. Если событие наступило, то счетчик времени отключается. Важно найти то время, на которое откладывать скрипт. Чтобы не поехали цели в метрике или в GA. Следите за приоритезацией загрузки, чтобы всё осталось в рабочем состоянии, но не влияло на скорость загрузки.

    Подробно, как правильно подключать внешку, мы показывали с этой минуты: https://youtu.be/_3c0aPSkNdc?t=1480.
    Там же есть пример скрипта обработчика.

    Алексей из loading.express
    Ответ написан
    Комментировать
  • Почему говорят что jquery не нужен?

    ThunderCat
    @ThunderCat Куратор тега JavaScript
    {PHP, MySql, HTML, JS, CSS} developer
    Скрипач не нужен, родной (с)
    Аргументы против jq:
    - современные браузеры достаточно хорошо поддерживают единый синтаксис современного екмаскрипт(native js)(на самом деле нет).
    - сторонняя библиотека, работает медленнее чем натив и в основном состоит из с-сахара (тоже не совсем правда)
    - тащить еще один ресурс весом от 64 кб до 200 кб, еще и со сторонних ресурсов замедляет загрузку( правда, но бред)
    Аргументы за:
    - Современные браузеры как и всегда один другого "ровнее", всегда есть косяки и "нюансы", на которые еще и попадаешь обычно в самый неподходящий момент, в жк обычно все работает одинаково везде, ну или лучше чем в нативе.
    - В жк реализована куча плюшек в 1 функцию которые в нативе занимают "многабукав", не каждый начинающий напишет их правильно, да и профи не все напишут оптимально, уверен что в большинстве случаев написанный нативом функционал будет хуже аналога из жк.
    - размер мин пакета жк 64 кб, и все они лежат на быстрых цдн серверах. Думаю это последнее что может повлиять на скорость загрузки страницы.
    - есть ОГРОМНОЕ количество скриптов написанных с учетом жк, не использовать их глупо, писать свой велосипед - вообще только в целях обучения(не берем крайние случаи когда плагин писал упоротый пингвин).
    - Синтаксис и краткость записи - вообще вне конкуренции.
    - Старые браузеры никто не отменял, часто заказчик требует чтобы работало в ие8, натив не канает или доставляет море анального удовольствия.
    Вывод: Если ты крут в жс, еще и работаешь в ангуларе/ещечетамдляфронта и тебе нужно сделать 2 действия в очень современных браузерах - jquery не нужен, и ты это сам знаешь. Если слова ангулар, вуе и проч для тебя не больше чем шум листвы за окном, а навесить плагинов и эффектов нужно - jquery наше все.

    UPD: для всех кто там отписался а ля "в связи (...), исчезновением проблемы совместимости со старыми IE (что и было основным назначением jQuery)." - свежачок
    Ответ написан
    4 комментария
  • Стоит ли начинающему веб-разработчику учить PHP?

    @deliro
    1. PHP актуален, седьмая версия лишний раз его "воскресила"
    2. Где он будет через 5 лет — не важно. Ровно так же не важно, где будет любой язык X через Y лет. Если ты делаешь всё правильно, то ты изучаешь не язык, не фреймворк, а программирование. Если это так — тебе не составит труда перейти на любой другой язык с той же парадигмой, если вдруг твой язык умрёт (как, например, стало с Perl)
    3. Хочешь быстрый результат — бери Python. Хочешь самый правильный результат — бери Java. Хочешь что-то посередине — бери TypeScript или PHP. TS более правильный, но молодой
    Ответ написан
    Комментировать
  • Стоит ли учить php в 2021 году для разработки web приложений и сайтов?

    Nordic_Alf
    @Nordic_Alf
    PHP Developer
    Многие хейтят Php, что он медленный, старый, много утечек памяти, нет нормальной асинхронности

    Та те хейтеры - студенто-школьники, которые один раз хелоуворлд написали прям в одном файле на 2м курсе не дойдя даже до ООП.

    Конечно учи, если тянет в бэкенд веба, хороший язык для старта. Проектов хороших и новых куча, денег куча, работы куча(в том числе удалённой!), решений куча. Язык быстрый, любые задачи решает, асинхронность прикручивается, всё что душе угодно. Реально очень востребованный язык, никуда он не умирает и вакансий меньше не становится.
    То есть это не тот язык, где страшно за будущее пока учишь его. С PHP ты всегда найдёшь первую работу. Личное имхо - только в CMS не лезь, иди по пути фреймворков, ООП, паттернов, SOLID, хорошего бэкенда в общем. Удачи!
    Ответ написан
  • Как правильно оценить сложность алгоритма O(n)?

    @pogoreli
    Да, в первом и последнем случае будет O(n). Но это сокращённый формат, которым все пользуются.

    Вообще они не одинаковые. В первом случае это будет O(1*n). В последнем O(3*n).

    Но эти константы вообще не важны, потому что big O notation описывает форму функции, а не её конкретные параметры. А обе эти функции- линейные.

    Коэффициентами можно принебречь.

    Так что первый и последний алгоритм не одинаковые, но имеют одинаковое обозначение, потому что обе эти функции линейные.

    А биг О скорее о различиях между экспоненциальным, линейными и логорифмическими функциями, а не о конкретных затраченных вычислительных ресурсах.
    Ответ написан
    Комментировать
  • Как правильно оценить сложность алгоритма O(n)?

    @Mercury13
    Программист на «си с крестами» и не только
    f(x) = O(g(x)) при x→y — это так называемый символ Ландау.
    И означает, что при x, достаточно близких к y, f(x)<k·g(x). Так что 2x или 1000x — извините, не важно.

    Отсюда же запись O(log n) — ведь разные логарифмы отличаются на константу, которую символы Ландау съедают.

    Чем символы Ландау интересны программистам?
    1. Кэшами, быстрым процессором, «хитрым» программированием и прочим на больших наборах данных можно выиграть, например, в разы. Порядком сложности алгоритма — намного, намного больше.
    2. Пока закон Мура действовал, объёмы данных росли экспоненциально — так что быстро доходило до того, что программу начинали использовать на наборах данных, для которых она просто не предназначалась.
    3. Практически приемлемые алгоритмы обычно имеют небольшую сложность — например, до O(n³). И, например, линейный алгоритм за приемлемое время обработает миллионы элементов, n log n — сотни тысяч, n² — тысячи, n³ — сотни.
    4. Программисты отлаживают на небольших наборах данных, которые можно обработать вручную. Так что разница между отладочными и боевыми данными бывает большая — а значит, порядок сложности должен влиять сильнее, чем остальные факторы.
    Ответ написан
    1 комментарий
  • Как ускорить mysql?

    FanatPHP
    @FanatPHP
    Чебуратор тега РНР
    Любые вопросы про "ускорение mysql" необходимо сопровождать не голословными заявлениями "Слющай, использует индексы, мамом клянус!", а ВЫВОДОМ EXPLAIN
    Без которого вопрос в принципе не имеет смысла, и должен удаляться.

    Плюс неплохо сразу выкатить результат SHOW ENGINE INNODB STATUS
    Ответ написан
    Комментировать
  • Как создать проект Laravel + Vuejs + SSR?

    delphinpro
    @delphinpro
    frontend developer
    На ларке пилишь чистый API, на Vue полноценный SPA. Роутинг по сайту делаешь только в клиенте. Для SSR либо ставишь ноду, либо v8js (пример SSR с v8js). Вот и все дела.

    Соответственно первая загрузка была долгой, так как грузила скрипты и стили всех страниц.

    Ну используйте code splitting в вебпаке, чтобы попилить бандл на отдельные чанки.
    Ответ написан
    2 комментария
  • Как улучшить SEO на сайте с Laravel & Vue.js?

    xmoonlight
    @xmoonlight
    https://sitecoder.blogspot.com
    Возвращайте поисковикам - статику.
    Юзерам - SPA.
    И проблема пропадёт.
    Ответ написан
    Комментировать
  • Что я делаю не так?

    dimonchik2013
    @dimonchik2013
    non progredi est regredi
    Postman юный хацкер уже освоил?
    Ответ написан
    3 комментария
  • Как получить элементарные общеинформационные знания, не прикасаясь к учебникам по информатике?

    sergey-gornostaev
    @sergey-gornostaev
    Седой и строгий
    Петцольд - Код, тайный язык информатики
    Таненбаум - Архитектура компьютера
    Таненбаум - Современные операционные системы
    Таненбаум - Компьютерные сети
    Ответ написан
    2 комментария
  • WebStorm или PhpStorm от JetBrains: в чем разница?

    TekVanDo
    @TekVanDo
    Javascript Developer
    Выбирай PhpStorm, в нем практически все тоже самое что и в WebStorm + собственно поддержка php, фреймворков и некоторых cms на нем написанных.
    Ответ написан
    Комментировать
  • Как перейти с Windows на Linux для работы с C++?

    @Eddy_Em
    Быстро не получится.
    Сначала почитать пару-тройку книжек про то, как вообще в линуксе работать. Еще неплохо бы Advanced Bash Scripting почитать. Получается, минимум полгода уйдет на литературу.
    Далее обкладываемся гентушными хэндбуками, гуголом и т.п. и ставим генту.
    Помаленьку настраиваем и через год-два уже на мастдайку вообще не потянет! Главное — понять суть UNIX-way, тогда станет ясно, что мастдайка — это даже не гнилая операционная система, а некачественная прошивка для игровых приставок!
    Ответ написан
    1 комментарий
  • Какой ВУЗ выбрать для изучения ИТ?

    Vlad_IT
    @Vlad_IT
    Front-end разработчик
    В тему нежен/не нужен ВУЗ. Считаю заочку лучшим вариантом. Опробовал на своем опыте.
    1. Позволяет работать на полную ставку, просто нужно будет два раза в год сдавать сессии, для которых положен законный учебный отпуск.
    2. Сможете общаться с умными преподавателями, с работающими коллегами как вы (студентами), в некоторых вузах также разрешается свободно посещать очные лекции, есть есть желание и возможность. Дипломную работу можно будет связать с текущей работой, это довольно интересный опыт.
    3. Прокачивает самообучение. В заочке вас не будут учить, вам будут давать материал, который вы должны учить до следующей сессии, на которой изученный материал будет проверяться экзаменами, зачетами и лабами.
    4. На выходе получите диплом, и за плечами будет уже 4-5 лет опыта работы. Будете смотреться в глазах будующего работодателя лучше очников или тех, кто не получал образование, а просто работал эти 4-5 лет.
    Ответ написан
    Комментировать
  • Насколько актуален чистый PHP?

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


    Налицо непонимание даже не рынка, а жизни в целом :) Для начала надо определиться, работа это или хобби.

    Если хобби — то это может быть бесконечно долгое копание в песочнице, ну если нравится — почему бы и да.

    Если работа — так иди на любую "боевую" работу. Там, грубо говоря, тебя жизнь поставит на место. Не нужного никакого сидения в коробочке и изучения чего-то там. Ты хочешь понять рынок? Так выйди на него. Рынку нужно одно — решение задач заказчика за минимально возможные деньги и время. Пойди на любую работу, там ты не будешь маяться вопросами о бытии, языках и фреймворках. Тебе руководитель даёт задачу — ты её решаешь, отдаёшь, берёшь следующую. На более высоких уровнях иерархии — ты раздаёшь задачи, добиваешься готового решения, сдаёшь заказчику. Повторить несколько раз. Я сменил примерно 3-4 места работы, прежде чем научиться просто РАБОТАТЬ, хотя PHP я к тому времени знал на уровне миддла.

    И тут внезапно выясняется, что жизнь — это не изучение языков программирования и фреймворков, а работа и решение чужих задач за чужие деньги. А также постоянное наступание и даже бег по граблям на время.

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

    И уж точно один день реальной работы стоит года "вкатывания" и сидения в песочнице.
    Ответ написан
  • Почему выводится html код при генерации sitemap.xml с помощью php?

    leha_gorbunov
    @leha_gorbunov
    Программист
    Потому что перед выводом всего, что Вы нам тут показали, надо сообщать браузеру, что Вы выводите xml
    Добавьте первой строкой
    header('Content-Type : text/xml');
    Ответ написан
    5 комментариев
  • Как правильно оценивать сроки на разработку сайта в web студии?

    nokimaro
    @nokimaro
    Меня невозможно остановить, если я смогу начать.
    «В молодости я спросил у начальника, как оценить время на выполнение работы? И начальник ответил мне:
    — Время, которое ты планируешь, умножить на Пи пополам, плюс 2 недели.
    — Почему Пи пополам? — удивился я.
    — Потому что в реальной жизни ты никогда не будешь двигаться к своей цели напрямую, а скорее — по дуге окружности.
    — А почему плюс две недели?
    — А потому, что когда ты в итоге просрёшь все сроки, то за две недели хоть что-то успеешь сделать.» (с)
    Ответ написан
    1 комментарий
  • Почему многие крупные сайты тормозят по самые помидоры?

    customtema
    @customtema
    arint.ru
    В Авито работает очень амбициозный JS-разработчик, судя по блогу на Youtube. Тем не менее, память куда-то утекает, интерфейс частенько виснет, CDN вообще странно работают - неподгрузившаяся CSS и поломанная страница в Авито - норма.

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

    В яндекс-почте не лучше. Несколько раз находил баги в интерфейсе. Ну, я-то точно знаю что это баги, и даже знаю откуда они появились, и как их лечить. Длительная переписка с ТП никаких результатов не дала - они убеждают меня в том, что я не умею пользоваться компьютером. Забавно и печально одновременно.
    Ответ написан
    Комментировать
  • Почему многие крупные сайты тормозят по самые помидоры?

    sergey-gornostaev
    @sergey-gornostaev
    Седой и строгий
    Например в Эльдорадо менеджеры повелись на маркетинг 1С и выбрали битрикс, не спросив технарей. В его оптимизацию и заточку под нужды компании грохнули миллионы, но как ни старайся - это битрикс, он будет тормозить и глючить.
    Ответ написан
    5 комментариев