Optimize images to WebP and enable lazy loading. Add security headers (HSTS, CSP, etc) for A+ SSL score.
This commit is contained in:
@@ -4,7 +4,7 @@
|
||||
<div class="container pt-24 xl:pt-32 lg:pt-32 md:pt-32 pb-24 xl:pb-32 lg:pb-32 md:pb-32 !text-center !relative">
|
||||
@if(!empty($data['background_image']))
|
||||
<div class="absolute" style="top: -7%; left: 50%; transform: translateX(-50%);">
|
||||
<img src="{{ asset($data['background_image']) }}" alt="background">
|
||||
<img src="{{ asset($data['background_image']) }}" alt="background" loading="lazy">
|
||||
</div>
|
||||
@endif
|
||||
|
||||
@@ -12,7 +12,7 @@
|
||||
<div class="lg:w-10/12 xl:w-9/12 xxl:w-7/12 w-full flex-[0_0_auto] !px-[15px] max-w-full !mx-auto">
|
||||
@if(!empty($data['icon']))
|
||||
<div class="!mb-5">
|
||||
<img class="m-[0_auto] !w-[4rem] !h-[4rem]" src="{{ asset($data['icon']) }}" alt="icon">
|
||||
<img class="m-[0_auto] !w-[4rem] !h-[4rem]" src="{{ asset($data['icon']) }}" alt="icon" loading="lazy">
|
||||
</div>
|
||||
@endif
|
||||
|
||||
@@ -46,7 +46,7 @@
|
||||
|
||||
@if(!empty($data['cta_image']))
|
||||
<div class="container !text-center !mt-10">
|
||||
<img class="max-w-full h-auto !relative m-[0_auto]" style="z-index: 2;" src="{{ asset($data['cta_image']) }}" alt="cta">
|
||||
<img class="max-w-full h-auto !relative m-[0_auto]" style="z-index: 2;" src="{{ asset($data['cta_image']) }}" alt="cta" loading="lazy">
|
||||
</div>
|
||||
@endif
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user