diff --git a/CHANGELOG.md b/CHANGELOG.md
index ecf9c913..9d94cfc5 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -9,6 +9,7 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/).
 ### Added
 
 - Allow managing user's actor_type field via Admin API
+- Add Pleroma.Web.Preload settings on Frontend tab
 
 ### Fixed
 
diff --git a/src/views/settings/components/Frontend.vue b/src/views/settings/components/Frontend.vue
index ec3675b8..894f8f51 100644
--- a/src/views/settings/components/Frontend.vue
+++ b/src/views/settings/components/Frontend.vue
@@ -27,6 +27,10 @@
     <el-form :model="markupData" :label-position="labelPosition" :label-width="labelWidth">
       <setting :setting-group="markup" :data="markupData"/>
     </el-form>
+    <el-divider v-if="preload" class="divider thick-line"/>
+    <el-form :model="preloadData" :label-position="labelPosition" :label-width="labelWidth">
+      <setting :setting-group="preload" :data="preloadData"/>
+    </el-form>
     <div class="submit-button-container">
       <el-button class="submit-button" type="primary" @click="onSubmit">Submit</el-button>
     </div>
@@ -106,6 +110,12 @@ export default {
     markupData() {
       return _.get(this.settings.settings, [':pleroma', ':markup']) || {}
     },
+    preload() {
+      return this.settings.description.find(setting => setting.key === 'Pleroma.Web.Preload')
+    },
+    preloadData() {
+      return _.get(this.settings.settings, [':pleroma', 'Pleroma.Web.Preload']) || {}
+    },
     staticFe() {
       return this.settings.description.find(setting => setting.key === ':static_fe')
     },