diff --git a/layouts/partials/posts-defile.html b/layouts/partials/posts-defile.html
index dab876a..c35a567 100644
--- a/layouts/partials/posts-defile.html
+++ b/layouts/partials/posts-defile.html
@@ -6,8 +6,9 @@
   <div class="scrolling-posts-inner">
 
     <div class="scrolling-posts {{ $direction }}-scroll">
-      {{- $pages := where $context.Site.RegularPages "Section" "ne" "" -}}
+      {{- $pages := first 20 (sort (where $context.Site.RegularPages "Section" "ne" "") "Date" "desc") -}}
       {{- range (sort $pages "Date" "desc") -}}
+
       {{- $image := .Resources.GetMatch (printf "%s" .Params.cover.image) -}}
       {{- if $image -}}
 
@@ -24,12 +25,13 @@
 
 
     <div class="scrolling-posts {{ $direction }}-scroll">
-      {{- $pages := where $context.Site.RegularPages "Section" "ne" "" -}}
+      {{- $pages := first 20 (sort (where $context.Site.RegularPages "Section" "ne" "") "Date" "desc") -}}
       {{- range (sort $pages "Date" "desc") -}}
+
       {{- $image := .Resources.GetMatch (printf "%s" .Params.cover.image) -}}
       {{- if $image -}}
 
-      {{- $fittedImage := $image.Fit "400x400 webp q85" -}}
+      {{- $fittedImage := $image.Fit "400x400 webp q95" -}}
       {{- $optimizedBlurredImage := $fittedImage.Filter (images.GaussianBlur 3) -}}
       <a href="{{ .RelPermalink }}" class="scrolling-posts-item" style="background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.8), rgba(255, 255, 255, 0.2)), url('{{ $optimizedBlurredImage.RelPermalink }}');">
         <span class="section-badge">{{ .Section }}</span>
diff --git a/readMe.md b/readMe.md
index d8b7585..9e4dc07 100644
--- a/readMe.md
+++ b/readMe.md
@@ -6,7 +6,7 @@
 
 - [x] add a blur to backgound images of scrolling posts
 - [x] Optimiser les images de la page d'accueil
-- [ ] sur la page principale, ne load que les X derniers articles dans les bandes défilantes 
+- [x] sur la page principale, ne load que les X derniers articles dans les bandes défilantes 
 - [ ] make the gradient of scrolling posts on homepage responsive to theme by swithing them
 - [ ] mettre les défilantes colonnes adjecentes au principal div