Skip to content

Commit 8166050

Browse files
coder8080coder8080
committed
Lazy load images
1 parent 65eb81b commit 8166050

1 file changed

Lines changed: 47 additions & 5 deletions

File tree

‎index.html‎

Lines changed: 47 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -139,6 +139,7 @@
139139
<div class="marquee__content">
140140
<img
141141
src="/softpoint/assets/images/google.webp"
142+
loading="lazy"
142143
srcset="
143144
/softpoint/assets/images/google@2x.webp 2x,
144145
/softpoint/assets/images/google@3x.webp 3x
@@ -147,6 +148,7 @@
147148
/>
148149
<img
149150
src="/softpoint/assets/images/avast.webp"
151+
loading="lazy"
150152
srcset="
151153
/softpoint/assets/images/avast@2x.webp 2x,
152154
/softpoint/assets/images/avast@3x.webp 3x
@@ -155,6 +157,7 @@
155157
/>
156158
<img
157159
src="/softpoint/assets/images/ebay.webp"
160+
loading="lazy"
158161
srcset="
159162
/softpoint/assets/images/ebay@2x.webp 2x,
160163
/softpoint/assets/images/ebay@3x.webp 3x
@@ -163,6 +166,7 @@
163166
/>
164167
<img
165168
src="/softpoint/assets/images/paypal.webp"
169+
loading="lazy"
166170
srcset="
167171
/softpoint/assets/images/paypal@2x.webp 2x,
168172
/softpoint/assets/images/paypal@3x.webp 3x
@@ -171,6 +175,7 @@
171175
/>
172176
<img
173177
src="/softpoint/assets/images/hubspot.webp"
178+
loading="lazy"
174179
srcset="
175180
/softpoint/assets/images/hubspot@2x.webp 2x,
176181
/softpoint/assets/images/hubspot@3x.webp 3x
@@ -181,6 +186,7 @@
181186
<div class="marquee__content">
182187
<img
183188
src="/softpoint/assets/images/google.webp"
189+
loading="lazy"
184190
srcset="
185191
/softpoint/assets/images/google@2x.webp 2x,
186192
/softpoint/assets/images/google@3x.webp 3x
@@ -189,6 +195,7 @@
189195
/>
190196
<img
191197
src="/softpoint/assets/images/avast.webp"
198+
loading="lazy"
192199
srcset="
193200
/softpoint/assets/images/avast@2x.webp 2x,
194201
/softpoint/assets/images/avast@3x.webp 3x
@@ -197,6 +204,7 @@
197204
/>
198205
<img
199206
src="/softpoint/assets/images/ebay.webp"
207+
loading="lazy"
200208
srcset="
201209
/softpoint/assets/images/ebay@2x.webp 2x,
202210
/softpoint/assets/images/ebay@3x.webp 3x
@@ -205,6 +213,7 @@
205213
/>
206214
<img
207215
src="/softpoint/assets/images/paypal.webp"
216+
loading="lazy"
208217
srcset="
209218
/softpoint/assets/images/paypal@2x.webp 2x,
210219
/softpoint/assets/images/paypal@3x.webp 3x
@@ -213,6 +222,7 @@
213222
/>
214223
<img
215224
src="/softpoint/assets/images/hubspot.webp"
225+
loading="lazy"
216226
srcset="
217227
/softpoint/assets/images/hubspot@2x.webp 2x,
218228
/softpoint/assets/images/hubspot@3x.webp 3x
@@ -236,6 +246,7 @@
236246
>
237247
<img
238248
src="/softpoint/assets/images/gear.svg"
249+
loading="lazy"
239250
class="w-8 h-8"
240251
/>
241252
</div>
@@ -255,6 +266,7 @@ <h2 class="mt-6 font-semibold text-xl">
255266
>
256267
<img
257268
src="/softpoint/assets/images/user.svg"
269+
loading="lazy"
258270
class="w-8 h-8"
259271
/>
260272
</div>
@@ -274,6 +286,7 @@ <h2 class="mt-6 font-semibold text-xl">
274286
>
275287
<img
276288
src="/softpoint/assets/images/shield.svg"
289+
loading="lazy"
277290
class="w-8 h-8"
278291
/>
279292
</div>
@@ -291,6 +304,7 @@ <h2 class="mt-6 font-semibold text-xl">Full secured</h2>
291304
>
292305
<img
293306
src="/softpoint/assets/images/tag.svg"
307+
loading="lazy"
294308
class="w-8 h-8"
295309
/>
296310
</div>
@@ -344,25 +358,37 @@ <h2 class="mt-6 font-semibold text-xl">Clean Code</h2>
344358
</p>
345359
<div class="flex flex-col mt-5 gap-4">
346360
<div class="flex flex-row items-center gap-2">
347-
<img src="/softpoint/assets/images/check.svg" />
361+
<img
362+
src="/softpoint/assets/images/check.svg"
363+
loading="lazy"
364+
/>
348365
<p class="text-[12px] xl:text-base">
349366
Software with new dimensions the better.
350367
</p>
351368
</div>
352369
<div class="flex flex-row items-center gap-2">
353-
<img src="/softpoint/assets/images/check.svg" />
370+
<img
371+
src="/softpoint/assets/images/check.svg"
372+
loading="lazy"
373+
/>
354374
<p class="text-[12px] xl:text-base">
355375
Effortlessly manages all your information.
356376
</p>
357377
</div>
358378
<div class="flex flex-row items-center gap-2">
359-
<img src="/softpoint/assets/images/check.svg" />
379+
<img
380+
src="/softpoint/assets/images/check.svg"
381+
loading="lazy"
382+
/>
360383
<p class="text-[12px] xl:text-base">
361384
Simple Solutions for Complex Connections.
362385
</p>
363386
</div>
364387
<div class="flex flex-row items-center gap-2">
365-
<img src="/softpoint/assets/images/check.svg" />
388+
<img
389+
src="/softpoint/assets/images/check.svg"
390+
loading="lazy"
391+
/>
366392
<p class="text-[12px] xl:text-base">
367393
Complete business solutions for customers.
368394
</p>
@@ -371,6 +397,7 @@ <h2 class="mt-6 font-semibold text-xl">Clean Code</h2>
371397
</div>
372398
<div class="flex-3">
373399
<img
400+
loading="lazy"
374401
src="/softpoint/assets/images/stat.webp"
375402
srcset="
376403
/softpoint/assets/images/stat@2x.webp 2x,
@@ -403,6 +430,7 @@ <h2 class="mt-6 font-semibold text-xl">Clean Code</h2>
403430
</div>
404431
<div class="flex-3">
405432
<img
433+
loading="lazy"
406434
src="/softpoint/assets/images/serving.webp"
407435
srcset="
408436
/softpoint/assets/images/serving@2x.webp 2x,
@@ -440,6 +468,7 @@ <h2 class="mt-6 font-semibold text-xl">Clean Code</h2>
440468
class="mt-10 xl:mt-0 xl:absolute xl:w-3/5 xl:top-0 xl:right-0 xl:-translate-y-1/6 xl:translate-x-1/10"
441469
>
442470
<img
471+
loading="lazy"
443472
src="/softpoint/assets/images/laptop.webp"
444473
srcset="
445474
/softpoint/assets/images/laptop@2x.webp 2x,
@@ -469,6 +498,7 @@ <h2 class="mt-6 font-semibold text-xl">Clean Code</h2>
469498
<p class="text-xl">Quarterly</p>
470499
</div>
471500
<img
501+
loading="lazy"
472502
src="/softpoint/assets/images/discount.svg"
473503
class="mt-2 w-[190px]"
474504
/>
@@ -484,6 +514,7 @@ <h2 class="capitalize font-semibold opacity-50">
484514
class="w-full grid grid-cols-[auto_1fr_auto] gap-2 p-7 mt-10 border-t border-b border-gray-200"
485515
>
486516
<img
517+
loading="lazy"
487518
src="/softpoint/assets/images/check.svg"
488519
class="w-20px"
489520
/>
@@ -494,6 +525,7 @@ <h2 class="capitalize font-semibold opacity-50">
494525
class="w-full grid grid-cols-[auto_1fr_auto] gap-2 p-7 border-b border-gray-200"
495526
>
496527
<img
528+
loading="lazy"
497529
src="/softpoint/assets/images/check.svg"
498530
class="w-20px"
499531
/>
@@ -506,6 +538,7 @@ <h2 class="capitalize font-semibold opacity-50">
506538
class="w-full grid grid-cols-[auto_1fr_auto] gap-2 p-7 border-b border-gray-200"
507539
>
508540
<img
541+
loading="lazy"
509542
src="/softpoint/assets/images/check.svg"
510543
class="w-20px"
511544
/>
@@ -516,6 +549,7 @@ <h2 class="capitalize font-semibold opacity-50">
516549
class="w-full grid grid-cols-[auto_1fr_auto] gap-2 p-7 border-b border-gray-200"
517550
>
518551
<img
552+
loading="lazy"
519553
src="/softpoint/assets/images/check.svg"
520554
class="w-20px"
521555
/>
@@ -541,6 +575,7 @@ <h2 class="capitalize font-semibold opacity-50">
541575
class="w-full grid grid-cols-[auto_1fr_auto] gap-2 p-7 mt-10 border-t border-b border-gray-200"
542576
>
543577
<img
578+
loading="lazy"
544579
src="/softpoint/assets/images/check.svg"
545580
class="w-20px"
546581
/>
@@ -551,6 +586,7 @@ <h2 class="capitalize font-semibold opacity-50">
551586
class="w-full grid grid-cols-[auto_1fr_auto] gap-2 p-7 border-b border-gray-200"
552587
>
553588
<img
589+
loading="lazy"
554590
src="/softpoint/assets/images/check.svg"
555591
class="w-20px"
556592
/>
@@ -561,6 +597,7 @@ <h2 class="capitalize font-semibold opacity-50">
561597
class="w-full grid grid-cols-[auto_1fr_auto] gap-2 p-7 border-b border-gray-200"
562598
>
563599
<img
600+
loading="lazy"
564601
src="/softpoint/assets/images/check.svg"
565602
class="w-20px"
566603
/>
@@ -571,6 +608,7 @@ <h2 class="capitalize font-semibold opacity-50">
571608
class="w-full grid grid-cols-[auto_1fr_auto] gap-2 p-7 border-b border-gray-200"
572609
>
573610
<img
611+
loading="lazy"
574612
src="/softpoint/assets/images/check.svg"
575613
class="w-20px"
576614
/>
@@ -596,6 +634,7 @@ <h2 class="capitalize font-semibold opacity-50">
596634
class="w-full grid grid-cols-[auto_1fr_auto] gap-2 p-7 mt-10 border-t border-b border-gray-200"
597635
>
598636
<img
637+
loading="lazy"
599638
src="/softpoint/assets/images/check.svg"
600639
class="w-20px"
601640
/>
@@ -606,6 +645,7 @@ <h2 class="capitalize font-semibold opacity-50">
606645
class="w-full grid grid-cols-[auto_1fr_auto] gap-2 p-7 border-b border-gray-200"
607646
>
608647
<img
648+
loading="lazy"
609649
src="/softpoint/assets/images/check.svg"
610650
class="w-20px"
611651
/>
@@ -616,6 +656,7 @@ <h2 class="capitalize font-semibold opacity-50">
616656
class="w-full grid grid-cols-[auto_1fr_auto] gap-2 p-7 border-b border-gray-200"
617657
>
618658
<img
659+
loading="lazy"
619660
src="/softpoint/assets/images/check.svg"
620661
class="w-20px"
621662
/>
@@ -626,6 +667,7 @@ <h2 class="capitalize font-semibold opacity-50">
626667
class="w-full grid grid-cols-[auto_1fr_auto] gap-2 p-7 border-b border-gray-200"
627668
>
628669
<img
670+
loading="lazy"
629671
src="/softpoint/assets/images/check.svg"
630672
class="w-20px"
631673
/>
@@ -645,7 +687,7 @@ <h2 class="capitalize font-semibold opacity-50">
645687
class="grid grid-cols-2 gap-[50px] xl:grid-cols-[auto_1fr_1fr_auto] max-w-280 w-full mx-auto"
646688
>
647689
<div>
648-
<img src="/softpoint//assets/images/logo.svg" />
690+
<img src="/softpoint/assets/images/logo.svg" />
649691
<p class="mt-5 text-[16px]/[160%] text-[#021206]/70">
650692
Software with new look. Live the life that you
651693
expect.

0 commit comments

Comments
 (0)