Skip to content

Commit 85dd2cb

Browse files
dumkaguvdumkaguv
committed
fix (loading lazy): added loading="lazy" to all images
1 parent b6a100e commit 85dd2cb

File tree

2 files changed

+47
-5
lines changed

2 files changed

+47
-5
lines changed

‎dist/index.html‎

Lines changed: 1 addition & 1 deletion
Large diffs are not rendered by default.

‎index.html‎

Lines changed: 46 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -514,6 +514,7 @@ <h2 class="container__header-title">
514514
alt="Верстка сайта Future Tech"
515515
src="./images/portfolio/future-tech.png"
516516
tabindex="0"
517+
loading="lazy"
517518
/>
518519
<div class="slider__item-info">
519520
<h3 class="slider__item-title">
@@ -539,6 +540,7 @@ <h3 class="slider__item-title">
539540
height="32"
540541
title="JavaScript"
541542
alt="JavaScript"
543+
loading="lazy"
542544
/>
543545
</li>
544546
<li class="slider__item-technologies-item">
@@ -549,6 +551,7 @@ <h3 class="slider__item-title">
549551
height="32"
550552
title="HTML5"
551553
alt="HTML5"
554+
loading="lazy"
552555
/>
553556
</li>
554557
<li class="slider__item-technologies-item">
@@ -559,6 +562,7 @@ <h3 class="slider__item-title">
559562
height="32"
560563
title="SCSS"
561564
alt="SCSS"
565+
loading="lazy"
562566
/>
563567
</li>
564568
<li class="slider__item-technologies-item">
@@ -569,6 +573,7 @@ <h3 class="slider__item-title">
569573
height="32"
570574
title="Webpack"
571575
alt="Webpack"
576+
loading="lazy"
572577
/>
573578
</li>
574579
<li class="slider__item-technologies-item">
@@ -579,6 +584,7 @@ <h3 class="slider__item-title">
579584
height="32"
580585
title="Figma"
581586
alt="Figma"
587+
loading="lazy"
582588
/>
583589
</li>
584590
</ul>
@@ -590,6 +596,7 @@ <h3 class="slider__item-title">
590596
alt="Онлайн-магазин Pizza Slice"
591597
src="./images/portfolio/pizza-slice.png"
592598
tabindex="0"
599+
loading="lazy"
593600
/>
594601
<div class="slider__item-info">
595602
<h3 class="slider__item-title">
@@ -629,6 +636,7 @@ <h3 class="slider__item-title">
629636
height="32"
630637
title="React"
631638
alt="React"
639+
loading="lazy"
632640
/>
633641
</li>
634642
<li class="slider__item-technologies-item">
@@ -639,6 +647,7 @@ <h3 class="slider__item-title">
639647
height="32"
640648
title="TypeScript"
641649
alt="TypeScript"
650+
loading="lazy"
642651
/>
643652
</li>
644653
<li class="slider__item-technologies-item">
@@ -649,6 +658,7 @@ <h3 class="slider__item-title">
649658
height="32"
650659
title="Redux"
651660
alt="Redux"
661+
loading="lazy"
652662
/>
653663
</li>
654664
<li class="slider__item-technologies-item">
@@ -659,6 +669,7 @@ <h3 class="slider__item-title">
659669
height="32"
660670
title="Tailwind CSS"
661671
alt="Tailwind CSS"
672+
loading="lazy"
662673
/>
663674
</li>
664675
<li class="slider__item-technologies-item" title="ShadCN">
@@ -707,6 +718,7 @@ <h3 class="slider__item-title">
707718
alt="Multi Step Form"
708719
src="./images/portfolio/multi-step-form.png"
709720
tabindex="0"
721+
loading="lazy"
710722
/>
711723
</div>
712724
<div class="slider__item-info">
@@ -732,6 +744,7 @@ <h3 class="slider__item-title">
732744
height="32"
733745
title="JavaScript"
734746
alt="JavaScript"
747+
loading="lazy"
735748
/>
736749
</li>
737750
<li class="slider__item-technologies-item">
@@ -742,6 +755,7 @@ <h3 class="slider__item-title">
742755
height="32"
743756
title="HTML5"
744757
alt="HTML5"
758+
loading="lazy"
745759
/>
746760
</li>
747761
<li class="slider__item-technologies-item">
@@ -752,6 +766,7 @@ <h3 class="slider__item-title">
752766
height="32"
753767
title="SCSS"
754768
alt="SCSS"
769+
loading="lazy"
755770
/>
756771
</li>
757772
<li class="slider__item-technologies-item">
@@ -762,6 +777,7 @@ <h3 class="slider__item-title">
762777
height="32"
763778
title="Figma"
764779
alt="Figma"
780+
loading="lazy"
765781
/>
766782
</li>
767783
</ul>
@@ -774,6 +790,7 @@ <h3 class="slider__item-title">
774790
alt="Show Slaff"
775791
src="./images/portfolio/shopslaff.jpg"
776792
tabindex="0"
793+
loading="lazy"
777794
/>
778795
</div>
779796
<div class="slider__item-info">
@@ -800,6 +817,7 @@ <h3 class="slider__item-title">
800817
height="32"
801818
title="React"
802819
alt="React"
820+
loading="lazy"
803821
/>
804822
</li>
805823
<li class="slider__item-technologies-item">
@@ -810,6 +828,7 @@ <h3 class="slider__item-title">
810828
height="32"
811829
title="React Router DOM"
812830
alt="React Router DOM"
831+
loading="lazy"
813832
/>
814833
</li>
815834
<li class="slider__item-technologies-item">
@@ -820,6 +839,7 @@ <h3 class="slider__item-title">
820839
height="32"
821840
title="TypeScript"
822841
alt="TypeScript"
842+
loading="lazy"
823843
/>
824844
</li>
825845
<li class="slider__item-technologies-item">
@@ -830,6 +850,7 @@ <h3 class="slider__item-title">
830850
height="32"
831851
title="TailwindCSS"
832852
alt="TailwindCSS"
853+
loading="lazy"
833854
/>
834855
</li>
835856
<li class="slider__item-technologies-item">
@@ -840,6 +861,7 @@ <h3 class="slider__item-title">
840861
height="32"
841862
title="Redux"
842863
alt="Redux"
864+
loading="lazy"
843865
/>
844866
</li>
845867
<li class="slider__item-technologies-item">
@@ -850,6 +872,7 @@ <h3 class="slider__item-title">
850872
height="32"
851873
title="Vite"
852874
alt="Vite"
875+
loading="lazy"
853876
/>
854877
</li>
855878
<li class="slider__item-technologies-item">
@@ -860,6 +883,7 @@ <h3 class="slider__item-title">
860883
height="32"
861884
title="Figma"
862885
alt="Figma"
886+
loading="lazy"
863887
/>
864888
</li>
865889
</ul>
@@ -905,7 +929,12 @@ <h3 class="slider__item-title">
905929
href="mailto:dmitrii.golovicichin@gmail.com"
906930
target="_blank"
907931
>
908-
<img class="footer__contacts-image" alt="" src="images/mail.svg" />
932+
<img
933+
class="footer__contacts-image"
934+
alt=""
935+
loading="lazy"
936+
src="images/mail.svg"
937+
/>
909938
<span
910939
>dmitrii.golovicichin<span
911940
class="footer__word-break"
@@ -924,6 +953,7 @@ <h3 class="slider__item-title">
924953
class="footer__contacts-image"
925954
alt=""
926955
src="images/telegram.svg"
956+
loading="lazy"
927957
/>
928958
@dgl
929959
</a>
@@ -935,7 +965,12 @@ <h3 class="slider__item-title">
935965
href="https://github.com/dumkaguv"
936966
target="_blank"
937967
>
938-
<img class="footer__contacts-image" alt="" src="images/github.svg" />
968+
<img
969+
loading="lazy"
970+
class="footer__contacts-image"
971+
alt=""
972+
src="images/github.svg"
973+
/>
939974
dumkaguv
940975
</a>
941976
</li>
@@ -948,6 +983,7 @@ <h3 class="slider__item-title">
948983
>
949984
<img
950985
class="footer__contacts-image"
986+
loading="lazy"
951987
alt=""
952988
src="./images/linkedin.svg"
953989
/>
@@ -963,6 +999,7 @@ <h3 class="slider__item-title">
963999
>
9641000
<img
9651001
class="footer__contacts-image"
1002+
loading="lazy"
9661003
alt=""
9671004
src="./images/instagram.svg"
9681005
/>
@@ -976,15 +1013,20 @@ <h3 class="slider__item-title">
9761013

9771014
<div class="modal" data-js-modal>
9781015
<div class="modal__content" data-js-modal-content>
979-
<img alt="" src="./images/portfolio/pizza-slice.png" data-js-modal-image />
1016+
<img
1017+
loading="lazy"
1018+
alt=""
1019+
src="./images/portfolio/pizza-slice.png"
1020+
data-js-modal-image
1021+
/>
9801022
</div>
9811023
<button
9821024
class="modal__close-button"
9831025
title="Close"
9841026
type="button"
9851027
data-js-modal-close
9861028
>
987-
<img alt="" src="./images/close.svg" />
1029+
<img alt="" src="./images/close.svg" loading="lazy" />
9881030
</button>
9891031
</div>
9901032
</body>

0 commit comments

Comments
 (0)