{"id":19072,"date":"2026-08-14T10:39:51","date_gmt":"2026-08-14T10:39:51","guid":{"rendered":"https:\/\/siteskyline.com\/?post_type=plugin_docs&p=19072"},"modified":"2026-08-14T10:39:51","modified_gmt":"2026-08-14T10:39:51","slug":"siteskyline-optimizer-doc","status":"publish","type":"plugin_docs","link":"https:\/\/siteskyline.com\/ar\/plugin-docs\/siteskyline-optimizer-doc\/","title":{"rendered":"

\u0648\u062b\u064a\u0642\u0629 \u0645\u062d\u0633\u0646 Siteskyline<\/p>"},"content":{"rendered":"

# Getting Started with SiteSkyline Optimizer\r\n\r\nWelcome to SiteSkyline Optimizer! This guide will help you install the plugin, configure your initial settings, and start speeding up your WordPress or WooCommerce site in just a few minutes.\r\n\r\n## Before You Begin\r\n\r\nBefore installing SiteSkyline Optimizer, please ensure your website meets the following requirements:\r\n* A self-hosted WordPress website.\r\n* Compatible hosting running a supported version of PHP.\r\n\r\n## Installation\r\n\r\nFollow these simple steps to install the plugin on your website:\r\n\r\n1. Log in to your WordPress dashboard.\r\n2. Navigate to the Plugins menu and click **Add New**.\r\n3. Search for **SiteSkyline Optimizer**.\r\n4. Click **Install Now** and then click **Activate** once the installation is complete.\r\n\r\n## First-Time Setup\r\n\r\nOnce activated, you can access all features through the newly added settings menu. \r\n\r\n1. Go to the Settings menu in your WordPress dashboard and look for the plugin options.\r\n2. Begin in the **General** tab to configure your core speed tweaks. \r\n3. Review the available feature toggles to remove unnecessary site bloat, clean up your head output, and trim extra features.\r\n4. Click **Save Changes** at the bottom of the page to apply your new settings.\r\n\r\n## Your First Steps\r\n\r\nNow that your plugin is active, try exploring these two key features to see an immediate performance boost:\r\n\r\n### 1. Speed Up Page Delivery\r\n1. Navigate to the Settings menu and select the **Page Cache** tab.\r\n2. Toggle the **Enable Page Cache** switch to activate static HTML page caching.\r\n3. Configure your expiration preferences and exclusion rules, then click **Save Changes**.\r\n\r\n### 2. Optimize Your Images\r\n1. Navigate to the Settings menu and select the **WebP** tab.\r\n2. Toggle **Enable WebP Conversion** to start turning heavy image uploads into lighter, faster formats.\r\n3. Select your preferred conversion method and click **Bulk Convert** to optimize your existing image library.\r\n\r\n\r\n\r\n## Optimize Dashboard\r\n\r\n### What It Does\r\nThe Optimize Dashboard gives you a quick overview of your site's performance status and cache state. It also provides quick optimization triggers so you can keep your site running smoothly.\r\n\r\n### How to Use It\r\n1. Go to the Optimize section and select the Optimize tab.\r\n2. View your current site performance status.\r\n3. Click any of the quick optimization actions to improve your site.\r\n\r\n### Settings & Options\r\n\r\n| Setting | What It Controls |\r\n| :--- | :--- |\r\n| *No configurable settings available* | This dashboard is designed for quick viewing and triggering of performance actions rather than manual configuration. |\r\n\r\n### Tips & Best Practices\r\n* Check the Optimize Dashboard regularly to stay informed about your site's current performance health.\r\n* Use the quick optimization triggers whenever you want to perform rapid performance tune-ups.\r\n* Pair your dashboard reviews with the cache management and asset manager features for a complete site speed routine.\r\n\r\n---\r\n\r\n## Asset Analyzer\r\n### What It Does\r\nThe Asset Analyzer helps you examine the scripts and styles loaded on your website. By reviewing these page assets, you can easily identify new optimization opportunities for your site.\r\n\r\n### How to Use It\r\n1. Go to the Asset Manager section.\r\n2. Select the Analyzer tab.\r\n3. Run the asset analysis.\r\n4. View the loaded CSS and JavaScript files for each page.\r\n\r\n### Settings & Options\r\n| Setting | What It Controls |\r\n| :--- | :--- |\r\n| *None* | There are no configurable settings for this feature. |\r\n\r\n### Tips & Best Practices\r\n* Regularly run scans to keep track of new scripts and styles added to your pages.\r\n* Use the insights gained from the analysis to spot optimization opportunities.\r\n* Review your loaded CSS and JavaScript files per page to better understand your site's performance.\r\n\r\n---\r\n\r\n## Asset Rules\r\n\r\n### What It Does\r\nConfigure conditional loading rules for scripts and styles to dequeue or disable assets on specific pages or globally. This helps you strip unwanted scripts and styles from specific pages to reduce page weight.\r\n\r\n### How to Use It\r\n1. Go to the Asset Manager section and open the Rules tab.\r\n2. Add a new asset rule.\r\n3. Select the handles you want to disable.\r\n4. Save your asset rules.\r\n\r\n### Settings & Options\r\n\r\n| Setting | What It Controls |\r\n| :--- | :--- |\r\n| Asset Dequeue Rules | Specify CSS or JS handles to disable globally or on specific URLs\/post types. |\r\n\r\n### Tips & Best Practices\r\n* Use conditional loading rules to strip unwanted scripts and styles from specific pages.\r\n* Target assets to be disabled either globally or on specific URLs and post types to help reduce page weight.\r\n* Keep your pages running efficiently by removing unnecessary code where it is not needed.\r\n\r\n---\r\n\r\n## Media & Image Optimizer\r\n\r\n### What It Does\r\nThe Media & Image Optimizer helps you control image loading behavior, responsive image attributes, and lazy loading priorities. Use this feature to adjust your image rendering and loading settings to improve your page performance.\r\n\r\n### How to Use It\r\n1. Go to the Media section and click the Images tab.\r\n2. Toggle your lazy loading settings and configure your image optimization parameters.\r\n3. Click the Save button to save your media settings.\r\n\r\n### Settings & Options\r\n\r\n| Setting | What It Controls |\r\n| :--- | :--- |\r\n| Lazy Loading | Toggle native or script-based lazy loading for images. |\r\n| LCP Image Preload \/ Priority | Control fetch priority and preloading for above-the-fold LCP images. |\r\n\r\n### Tips & Best Practices\r\n* Adjust your image rendering and loading settings to improve your Largest Contentful Paint (LCP).\r\n* Use the Lazy Loading setting to choose between native or script-based lazy loading for your images.\r\n* Configure fetch priority and preloading specifically for your above-the-fold images.\r\n\r\n---\r\n\r\n## WebP Image Conversion\r\n### What It Does\r\nConvert uploaded JPEG and PNG images to the modern WebP format for faster image delivery. This helps your website load quicker and provides a smoother experience for your visitors.\r\n\r\n### How to Use It\r\n1. Go to the Media section and select the WebP tab.\r\n2. Turn on auto-conversion so new uploads are handled automatically, or choose your preferred WebP generation mode.\r\n3. Run a bulk conversion to update your existing image library.\r\n4. Click the save button to keep your WebP settings.\r\n\r\n### Settings & Options\r\n\r\n| Setting | What It Controls |\r\n| :--- | :--- |\r\n| WebP Generation Mode | Choose your conversion method, such as GD, Imagick, or Cloud\/Server-based rules. |\r\n| Auto-convert Uploads | Automatically generate WebP versions whenever new media is uploaded to your site. |\r\n\r\n### Tips & Best Practices\r\n* Enable auto-conversion to save time so you do not have to manually convert every new image you upload.\r\n* Run the bulk conversion tool to quickly upgrade your entire existing image library all at once.\r\n* Experiment with the available generation modes to find the option that best fits your server environment.\r\n* Combine this feature with the media optimizer to ensure your images are as fast and efficient as possible.\r\n\r\n---\r\n\r\n## Critical CSS Generation\r\n\r\n### What It Does\r\nCritical CSS Generation helps your pages load instantly by generating and inlining critical above-the-fold CSS. This process eliminates render-blocking stylesheets so visitors can view your content right away without waiting for full stylesheets to download.\r\n\r\n### How to Use It\r\n1. Go to the Style section and select the Critical CSS tab.\r\n2. Choose your preferred generation mode and configure whether to inject the critical CSS directly into your pages.\r\n3. Edit any fallback critical CSS rules if needed.\r\n4. Click the Save style settings button to apply your changes.\r\n5. Click the Generate Critical CSS button to create your critical above-the-fold styles.\r\n\r\n### Settings & Options\r\n\r\n| Setting | What It Controls |\r\n| :--- | :--- |\r\n| Critical CSS Generation Mode | Configure auto-generation or manual inline CSS input per template. |\r\n| Inline Critical CSS | Toggle whether critical CSS is injected directly into the HTML head. |\r\n\r\n### Tips & Best Practices\r\n* Set up your critical CSS rules carefully so that pages render instantly for visitors without delay.\r\n* Use the generation mode to switch between automated creation and manual input depending on your template needs.\r\n* Remember to save your style settings after making any adjustments to your rules or preferences.\r\n\r\n---\r\n\r\n## Local Google Fonts Host\r\n\r\n### What It Does\r\nDownload Google Fonts locally and serve them from your own server to improve privacy and speed. This feature eliminates external DNS lookups to Google Fonts.\r\n\r\n### How to Use It\r\n1. Go to the Style section and open the Fonts tab.\r\n2. Toggle local Google font hosting on or off.\r\n3. Clear your font cache when needed.\r\n4. Click to save your font settings.\r\n\r\n### Settings & Options\r\n\r\n| Setting | What It Controls |\r\n| :--- | :--- |\r\n| Self-Host Google Fonts | Automatically intercept Google Font requests, download font files locally, and rewrite CSS. |\r\n| Preload Local Fonts | Add preload link headers for locally hosted font files. |\r\n\r\n### Tips & Best Practices\r\n* Enable local font hosting to improve both your website's privacy and loading speed.\r\n* Use the self-hosting option to automatically intercept Google Font requests and download the files to your own server.\r\n* Turn on font preloading to add helpful link headers for your locally hosted font files.\r\n* Remember to clear your font cache after making updates to your font settings.\r\n\r\n---\r\n\r\n## JavaScript Defer & Optimization\r\n\r\n### What It Does\r\nDefer JavaScript execution, combine or delay scripts, and remove jQuery Migrate. This helps prevent JavaScript from blocking page rendering and improves your site's performance.\r\n\r\n### How to Use It\r\n1. Go to the **JavaScript section** and open the **JS tab**.\r\n2. Toggle your preferred JavaScript deferral options.\r\n3. Exclude any specific script handles from deferral if needed.\r\n4. Save your JavaScript settings.\r\n\r\n### Settings & Options\r\n\r\n| Setting | What It Controls |\r\n| :--- | :--- |\r\n| **Defer JS Execution** | Adds defer or async attributes to non-critical script tags. |\r\n| **Remove jQuery Migrate** | Strips out the unnecessary jquery-migrate script. |\r\n\r\n### Tips & Best Practices\r\n* Use script deferral to keep JavaScript from blocking your page content from loading smoothly.\r\n* Take advantage of exclusions by keeping specific script handles out of the deferral process if a script requires immediate execution.\r\n* Pair this feature with asset rules to gain even more control over how your site scripts load.\r\n\r\n---\r\n\r\n## Cache Management & Page Cache\r\n\r\n### What It Does\r\nConfigure page caching, cache preloading, cache expiry rules, and exclusion patterns. This feature allows you to serve static HTML snapshots instantly to visitors.\r\n\r\n### How to Use It\r\n1. Go to the Cache section and select the Cache tab.\r\n2. Toggle your page cache settings to enable disk or advanced page caching.\r\n3. Set your cache expiry duration and define any exclusion patterns as needed.\r\n4. Use the available actions to preload the cache or purge the cache whenever you need to refresh your content.\r\n\r\n### Settings & Options\r\n\r\n| Setting | What It Controls |\r\n| :--- | :--- |\r\n| **Enable Page Cache** | Toggle disk or advanced page caching backend. |\r\n| **Cache Expiry \/ TTL** | Set time-to-live duration for cached pages. |\r\n| **Excluded URLs \/ Cookies** | Define query strings, cookies, or paths to bypass cache. |\r\n\r\n### Tips & Best Practices\r\n* Enable page caching to ensure your visitors receive static HTML snapshots instantly for a faster browsing experience.\r\n* Regularly purge your cache after making significant updates to your site so visitors see your latest changes right away.\r\n* Use cache preloading to proactively generate cached pages before visitors request them.\r\n* Set up excluded URLs and cookies for dynamic pages or areas of your site that should never be served from a cached snapshot.\r\n\r\n---\r\n\r\n## Browser Caching Rules\r\n\r\n### What It Does\r\nBrowser Caching Rules allow you to configure expiration headers, such as Expires and Cache-Control, for your static assets. This helps returning visitors load your website faster by pulling static files directly from their local browser cache.\r\n\r\n### How to Use It\r\n1. Go to the **Cache** section and click on the **Browser Cache** tab.\r\n2. Configure your browser caching headers and expiration rules for your static assets.\r\n3. Click the button to generate and update your browser cache rules.\r\n4. Save your browser caching settings to apply the changes.\r\n\r\n### Settings & Options\r\n\r\n| Setting | What It Controls |\r\n| :--- | :--- |\r\n| Browser Caching Headers | Add expiration rules for CSS, JS, images, and fonts in your server configuration. |\r\n\r\n### Tips & Best Practices\r\n* Enable browser caching rules to help returning visitors load static assets faster from their local browser cache.\r\n* Use these rules to properly configure expiration headers like Expires and Cache-Control for your files.\r\n* Regularly save and update your browser caching settings whenever you adjust your caching rules.\r\n\r\n---\r\n\r\n## OPcache Management\r\n### What It Does\r\nMonitor and manage PHP OPcache status and cache resetting. View performance metrics and keep your site running smoothly.\r\n\r\n### How to Use It\r\n1. Go to the Cache section and select the OPcache tab.\r\n2. Review your current memory consumption, hit rate, and cached script count.\r\n3. Click the button to refresh your status stats whenever you need updated information.\r\n4. Click the button to reset your OPcache when needed.\r\n\r\n### Settings & Options\r\n\r\n| Setting | What It Controls |\r\n| :--- | :--- |\r\n| OPcache Settings View | View memory consumption, hit rate, and cached script count. |\r\n\r\n### Tips & Best Practices\r\n* Regularly check your cache performance metrics to ensure your site is running efficiently.\r\n* Refresh your status stats to see the most up-to-date performance information.\r\n* Reset your OPcache whenever you need to clear out stored scripts and apply updates.\r\n\r\n---\r\n\r\n## WordPress Core Feature Manager\r\n\r\n### What It Does\r\nThe WordPress Core Feature Manager helps you disable unwanted WordPress core features, bloat, and telemetry. It allows you to clean up your site head and reduce your site's attack surface by turning off unnecessary built-in functions.\r\n\r\n### How to Use It\r\n1. Navigate to the Feature Manager section and select the WordPress tab.\r\n2. Toggle the core feature switches for the items you want to turn off.\r\n3. Save your WordPress core settings to apply the changes.\r\n\r\n### Settings & Options\r\n\r\n| Setting | What It Controls |\r\n| :--- | :--- |\r\n| Disable Emojis | Remove WordPress emoji scripts and styles from head. |\r\n| Disable Embeds | Disable oEmbed discovery links and REST API embed endpoints. |\r\n| Disable XML-RPC | Shut down XML-RPC protocol requests. |\r\n| Disable RSS Feeds | Remove feed links and disable feed generation. |\r\n\r\n### Tips & Best Practices\r\n* Review your site's requirements before disabling features to ensure you do not turn off functionality your visitors or integrations rely on.\r\n* Disabling unused features like XML-RPC and embeds is a great way to help reduce your site's attack surface.\r\n* Turning off unnecessary scripts like emojis helps clean up your site head for a leaner setup.\r\n\r\n---\r\n\r\n## WooCommerce Store Modes & Cleanup\r\n\r\n### What It Does\r\nStreamline WooCommerce by disabling unused store features, scripts, and bloat. This feature helps prevent unnecessary items from loading on pages where they are not needed.\r\n\r\n### How to Use It\r\n1. Go to the Feature Manager section.\r\n2. Select WooCommerce, then open the Modes tab.\r\n3. Toggle the WooCommerce feature switches as desired.\r\n4. Save your WooCommerce mode settings.\r\n\r\n### Settings & Options\r\n\r\n| Setting | What It Controls |\r\n| :--- | :--- |\r\n| Disable Cart Fragments | Disable wc-cart-fragments AJAX requests on non-shop pages. |\r\n| Disable WooCommerce Styles & Scripts | Unload WooCommerce frontend CSS\/JS on non-store pages. |\r\n| Disable WooCommerce Brands | Kill the WooCommerce Brands package\/extension. |\r\n\r\n### Tips & Best Practices\r\n* Toggle store-wide WooCommerce optimizations to prevent cart fragments from loading on blog posts or static pages.\r\n* Stop store scripts from loading on pages that do not need them to keep your site running smoothly.\r\n* Review your settings after making changes to ensure your store's pages display correctly.\r\n\r\n---\r\n\r\n## WooCommerce Asset Manager\r\n\r\n### What It Does\r\nThe WooCommerce Asset Manager allows you to control the loading of specific WooCommerce scripts and stylesheets across your store pages. You can fine-tune which WooCommerce assets load on specific pages to help optimize your store.\r\n\r\n### How to Use It\r\n1. Go to the Feature Manager section.\r\n2. Select the WooCommerce option and click the Assets tab.\r\n3. Configure your WooCommerce asset loading rules.\r\n4. Click the save button to store your asset rules.\r\n\r\n### Settings & Options\r\n\r\n| Setting | What It Controls |\r\n| :--- | :--- |\r\n| WooCommerce Asset Rules | Conditionally disables specific WooCommerce script and style handles. |\r\n\r\n### Tips & Best Practices\r\n* Review your store pages after updating your asset rules to ensure everything displays and functions correctly.\r\n* Only disable scripts and stylesheets that you are certain are not needed on specific pages.\r\n* Take your time when configuring rules to keep your store running smoothly.\r\n\r\n---\r\n\r\n## WooCommerce Scheduled Tasks (Cron)\r\n### What It Does\r\nManage and optimize WooCommerce background scheduled tasks and action scheduler queues. Review WooCommerce background task queues and clean up old action scheduler logs to keep your store running smoothly.\r\n\r\n### How to Use It\r\n1. Go to the Feature Manager section, select **WooCommerce**, and open the **Scheduled tasks** tab.\r\n2. Review your background task queues and configure your preferences.\r\n3. Run pending actions manually or delete completed action logs as needed.\r\n4. Click the **Save cron settings** button to apply your changes.\r\n\r\n### Settings & Options\r\n\r\n| Setting | What It Controls |\r\n| :--- | :--- |\r\n| Action Scheduler Tuning | Configure batch size and retention period for completed\/failed actions. |\r\n\r\n### Tips & Best Practices\r\n* Regularly clean up old action scheduler logs by deleting completed action logs to keep your system organized.\r\n* Use manual runs for pending actions when you need to process background tasks immediately.\r\n* Adjust your Action Scheduler Tuning settings to optimize how batch sizes and retention periods are handled on your store.\r\n\r\n---\r\n\r\n## WooCommerce Admin Bloat Control\r\n\r\nDisable WooCommerce admin dashboard widgets, analytics reports, and marketing notifications.\r\n\r\n---\r\n\r\n## WooCommerce Email Optimizer\r\n\r\nOptimize WooCommerce transactional emails and disable unnecessary email triggers.\r\n\r\n---\r\n\r\n<\/p>","protected":false},"excerpt":{"rendered":"

# Getting Started with SiteSkyline Optimizer Welcome to SiteSkyline Optimizer! This guide will help you install the plugin, configure your initial settings, and start speeding up your WordPress or WooCommerce site in just a few minutes. ## Before You Begin Before installing SiteSkyline Optimizer, please ensure your website meets the following requirements: * A self-hosted […]<\/p>\n","protected":false},"featured_media":19071,"template":"","class_list":["post-19072","plugin_docs","type-plugin_docs","status-publish","has-post-thumbnail","hentry"],"_links":{"self":[{"href":"https:\/\/siteskyline.com\/ar\/wp-json\/wp\/v2\/plugin_docs\/19072","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/siteskyline.com\/ar\/wp-json\/wp\/v2\/plugin_docs"}],"about":[{"href":"https:\/\/siteskyline.com\/ar\/wp-json\/wp\/v2\/types\/plugin_docs"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/siteskyline.com\/ar\/wp-json\/wp\/v2\/media\/19071"}],"wp:attachment":[{"href":"https:\/\/siteskyline.com\/ar\/wp-json\/wp\/v2\/media?parent=19072"}],"curies":[{"name":"

wp<\/p>","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}