{"id":5914,"date":"2021-08-26T01:05:28","date_gmt":"2021-08-25T16:05:28","guid":{"rendered":"https:\/\/www.wexal.jp\/overview\/"},"modified":"2022-12-26T17:01:12","modified_gmt":"2022-12-26T08:01:12","slug":"overview","status":"publish","type":"page","link":"https:\/\/www.wexal.jp\/en\/document-3-0-0\/overview\/","title":{"rendered":"Overview (3.1.0)"},"content":{"rendered":"\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Introduction\"><\/span>Introduction<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>When a web page is displayed in a browser, content is generated on the web server-side and sent to the PC browser as an HTTP response.<\/p>\n\n\n\n<p>In order to increase the display speed of web pages, it is necessary to accelerate the web server-side and the PC browser. The key to PC browser acceleration is content optimization. By reducing the amount of data sent from the web server to the PC browser, the time required for data transfer can be reduced and the time to display can be shortened.<\/p>\n\n\n\n<p>WEXAL\u00ae Page Speed Technology (hereinafter referred to as \"PST\") increases the display speed of web pages by the following.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Optimization_Strategy_Generation_and_Content_Optimization\"><\/span>Optimization Strategy Generation and Content Optimization<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>Content is the web page (HTML) of the HTTP response.<\/p>\n\n\n\n<p>PST generates optimization strategies by Strategic AI \"David\" according to the browser environment. The PST plug-in on the web server rewrites the HTTP response content after web server rendering.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Resource_Monitoring_and_Optimization\"><\/span>Resource Monitoring and Optimization<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>Resources are images, scripts, and style sheets loaded according to content.<\/p>\n\n\n\n<p>PST watches the original resource for updates and generates optimized resources as needed. By rendering these optimized resources to the local PC browser, the display speed is increased.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Components\"><\/span>Components<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"727\" src=\"https:\/\/www.wexal.jp\/wp-content\/uploads\/2022\/12\/WEXAL-v5-2-1024x727.png\" alt=\"\" class=\"wp-image-6413\" srcset=\"https:\/\/www.wexal.jp\/wp-content\/uploads\/2022\/12\/WEXAL-v5-2-1024x727.png 1024w, https:\/\/www.wexal.jp\/wp-content\/uploads\/2022\/12\/WEXAL-v5-2-300x213.png 300w, https:\/\/www.wexal.jp\/wp-content\/uploads\/2022\/12\/WEXAL-v5-2-768x545.png 768w, https:\/\/www.wexal.jp\/wp-content\/uploads\/2022\/12\/WEXAL-v5-2.png 1182w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\">WEXAL\u00ae architecture diagram<\/figcaption><\/figure>\n\n\n\n<p>PST consists of the following components.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"WEXAL_Services\"><\/span>WEXAL Services<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>WEXAL Services provides functions such as optimization strategy generation, resource monitoring and optimization. These services are registered in \"systemd\" as \"wexal.service\".<\/p>\n\n\n\n<h4 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Optimization_Strategy_Service_%E2%80%9Cstrategy%E2%80%9D\"><\/span>Optimization Strategy Service (\u201cstrategy\u201d)<span class=\"ez-toc-section-end\"><\/span><\/h4>\n\n\n\n<p>This service generates optimization strategies for each web page according to the browser environment. This service reproduces the web page display in the <a href=\"https:\/\/github.com\/puppeteer\/puppeteer\" data-type=\"URL\" data-id=\"https:\/\/github.com\/puppeteer\/puppeteer\" target=\"_blank\" rel=\"noreferrer noopener\">\"puppeteer\"<\/a> (headless browser) and generates optimization strategies. Each request is processed on demand and sequentially. Requests are managed in a queue.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Resource_Monitoring_Service_%E2%80%9Cwatch%E2%80%9D\"><\/span>Resource Monitoring Service (\u201cwatch\u201d)<span class=\"ez-toc-section-end\"><\/span><\/h4>\n\n\n\n<p>This service monitors for updates to the original resources. When images, scripts, or style sheets are updated, this service directs the Resource Optimization Service (\u201coptimizer\u201d) to generate optimized resources. When the original resource is removed, the corresponding optimized resource will also be removed. Resource monitoring is performed on a per-profile basis.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Resource_Optimization_Service_%E2%80%9Coptimizer%E2%80%9D\"><\/span>Resource Optimization Service (\u201coptimizer\u201d)<span class=\"ez-toc-section-end\"><\/span><\/h4>\n\n\n\n<p>This service generates optimized resources from original resources. By receiving directives from the Resource Monitoring Service (\u201cwatch\u201d), PST command, or API Service (\u201capi\u201d), this service optimizes images, scripts, and style sheets. Although the system processes each request sequentially, it can process as many requests as the number of system cores at the same time. Directives are managed in a queue.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"API_Service_%E2%80%9Capi%E2%80%9D\"><\/span>API Service (\u201capi\u201d)<span class=\"ez-toc-section-end\"><\/span><\/h4>\n\n\n\n<p>This service provides API for PST, and is requested from WEXAL services, PST command, and PST Manager. It uses localhost (127.0.0.1) and port 3000 by default.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"PST_Plug-in\"><\/span>PST Plug-in<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>This Plug-in runs on the web server \"nginx\"\/\"httpd\" and provides directions to the Optimization Strategy Service (\u201cstrategy\u201d) according to the environment of the browser. It also processes and rewrites the HTTP response generated by the web server according to the optimization strategy.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"PST_Commands\"><\/span>PST Commands<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>This is a Command Line Interface (CLI) for controlling PST functions. The command is \u201c\/usr\/bin\/pst\u201d.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"PST_Manager\"><\/span>PST Manager<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>This is a web administration page for controlling PST functions. By default, it uses the system's global IP address, port 61000.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"PST_Configuration_File\"><\/span>PST Configuration File<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>This is the configuration file for PST Configuration. The format is YAML. It is generated in \"wexal\/pst.config.yaml\" for each profile.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Optimized_Resources\"><\/span>Optimized Resources<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>These are optimized images, scripts, and style sheets generated by the Resource Optimization Service (\u201cstrategy\u201d). These resources are generated under \"wexal\/optdir\" directories for each profile.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Optimization_Strategy_Database\"><\/span>Optimization Strategy Database<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>This database stores optimization strategies generated for each browser and request by the Optimization Strategy Service (\u201cstrategy\u201d). In the process of generating optimization strategies, the resources obtained by the <a href=\"https:\/\/github.com\/puppeteer\/puppeteer\" data-type=\"URL\" data-id=\"https:\/\/github.com\/puppeteer\/puppeteer\" target=\"_blank\" rel=\"noreferrer noopener\">\"puppeteer\"<\/a> (headless browser) to reproduce the display of the web page in the browser are also stored. It is generated in \"wexal\/{profile name}.sqlite3\" for each profile.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Queue\"><\/span>Queue<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>The queue manages directions for the Optimization Strategy Service (\u201cstrategy\u201d) and Resource Optimization Service (\u201coptimizer\u201d). <a href=\"https:\/\/redis.io\/\" data-type=\"URL\" data-id=\"https:\/\/redis.io\/\" target=\"_blank\" rel=\"noreferrer noopener\">Redis<\/a> (remote dictionary server) is used.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Web_Server\"><\/span>Web Server<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>PST Plug-ins run on the web server. The server renders suitable resources according to the optimization strategy. For example, WebP resources are output to browsers that support WebP, and PNG\/JPEG resources are output to browsers that do not support WebP.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Introduction When a web page is displayed in a browser, content is generated on the web server-side and sent to the PC browser as an HTTP response. In order to increase the display speed of web pages, it is necessary to accelerate the web server-side and the PC browser. The key to PC browser acceleration is content optimization. By reducing the amount of data sent from the web server to the PC browser, the time required for data transfer can be reduced and the time to display can be shortened. WEXAL\u00ae Page Speed Technology (hereinafter referred to as \"PST\") increases the display speed of web pages by the following. Optimization ... <\/p>\n<p class=\"read-more-container\"><a title=\"Overview (3.1.0)\" class=\"read-more button\" href=\"https:\/\/www.wexal.jp\/en\/document-3-0-0\/overview\/#more-5914\" aria-label=\"Read more about Overview (3.1.0)\">Read more<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":5946,"menu_order":2,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"version":[16],"class_list":["post-5914","page","type-page","status-publish"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.5 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Overview (3.1.0) - WEXAL\u00ae Page Speed Technology<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.wexal.jp\/en\/document-3-0-0\/overview\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Overview (3.1.0) - WEXAL\u00ae Page Speed Technology\" \/>\n<meta property=\"og:description\" content=\"Introduction When a web page is displayed in a browser, content is generated on the web server-side and sent to the PC browser as an HTTP response. In order to increase the display speed of web pages, it is necessary to accelerate the web server-side and the PC browser. The key to PC browser acceleration is content optimization. By reducing the amount of data sent from the web server to the PC browser, the time required for data transfer can be reduced and the time to display can be shortened. WEXAL\u00ae Page Speed Technology (hereinafter referred to as &quot;PST&quot;) increases the display speed of web pages by the following. Optimization ... Read more\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.wexal.jp\/en\/document-3-0-0\/overview\/\" \/>\n<meta property=\"og:site_name\" content=\"WEXAL\u00ae Page Speed Technology\" \/>\n<meta property=\"article:modified_time\" content=\"2022-12-26T08:01:12+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.wexal.jp\/wp-content\/uploads\/2022\/12\/WEXAL-v5-2-1024x727.png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.wexal.jp\\\/en\\\/document-3-0-0\\\/overview\\\/\",\"url\":\"https:\\\/\\\/www.wexal.jp\\\/en\\\/document-3-0-0\\\/overview\\\/\",\"name\":\"Overview (3.1.0) - WEXAL\u00ae Page Speed Technology\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.wexal.jp\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.wexal.jp\\\/en\\\/document-3-0-0\\\/overview\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.wexal.jp\\\/en\\\/document-3-0-0\\\/overview\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.wexal.jp\\\/wp-content\\\/uploads\\\/2022\\\/12\\\/WEXAL-v5-2-1024x727.png\",\"datePublished\":\"2021-08-25T16:05:28+00:00\",\"dateModified\":\"2022-12-26T08:01:12+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.wexal.jp\\\/en\\\/document-3-0-0\\\/overview\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.wexal.jp\\\/en\\\/document-3-0-0\\\/overview\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.wexal.jp\\\/en\\\/document-3-0-0\\\/overview\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.wexal.jp\\\/wp-content\\\/uploads\\\/2022\\\/12\\\/WEXAL-v5-2-1024x727.png\",\"contentUrl\":\"https:\\\/\\\/www.wexal.jp\\\/wp-content\\\/uploads\\\/2022\\\/12\\\/WEXAL-v5-2-1024x727.png\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.wexal.jp\\\/en\\\/document-3-0-0\\\/overview\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.wexal.jp\\\/en\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Documentation (3.0.0)\",\"item\":\"https:\\\/\\\/www.wexal.jp\\\/en\\\/document-3-0-0\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Overview (3.1.0)\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.wexal.jp\\\/#website\",\"url\":\"https:\\\/\\\/www.wexal.jp\\\/\",\"name\":\"WEXAL\u00ae Page Speed Technology\",\"description\":\"the best UX for all Websites.\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.wexal.jp\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Overview (3.1.0) - WEXAL\u00ae Page Speed Technology","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.wexal.jp\/en\/document-3-0-0\/overview\/","og_locale":"en_US","og_type":"article","og_title":"Overview (3.1.0) - WEXAL\u00ae Page Speed Technology","og_description":"Introduction When a web page is displayed in a browser, content is generated on the web server-side and sent to the PC browser as an HTTP response. In order to increase the display speed of web pages, it is necessary to accelerate the web server-side and the PC browser. The key to PC browser acceleration is content optimization. By reducing the amount of data sent from the web server to the PC browser, the time required for data transfer can be reduced and the time to display can be shortened. WEXAL\u00ae Page Speed Technology (hereinafter referred to as \"PST\") increases the display speed of web pages by the following. Optimization ... Read more","og_url":"https:\/\/www.wexal.jp\/en\/document-3-0-0\/overview\/","og_site_name":"WEXAL\u00ae Page Speed Technology","article_modified_time":"2022-12-26T08:01:12+00:00","og_image":[{"url":"https:\/\/www.wexal.jp\/wp-content\/uploads\/2022\/12\/WEXAL-v5-2-1024x727.png","type":"","width":"","height":""}],"twitter_card":"summary_large_image","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.wexal.jp\/en\/document-3-0-0\/overview\/","url":"https:\/\/www.wexal.jp\/en\/document-3-0-0\/overview\/","name":"Overview (3.1.0) - WEXAL\u00ae Page Speed Technology","isPartOf":{"@id":"https:\/\/www.wexal.jp\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.wexal.jp\/en\/document-3-0-0\/overview\/#primaryimage"},"image":{"@id":"https:\/\/www.wexal.jp\/en\/document-3-0-0\/overview\/#primaryimage"},"thumbnailUrl":"https:\/\/www.wexal.jp\/wp-content\/uploads\/2022\/12\/WEXAL-v5-2-1024x727.png","datePublished":"2021-08-25T16:05:28+00:00","dateModified":"2022-12-26T08:01:12+00:00","breadcrumb":{"@id":"https:\/\/www.wexal.jp\/en\/document-3-0-0\/overview\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.wexal.jp\/en\/document-3-0-0\/overview\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.wexal.jp\/en\/document-3-0-0\/overview\/#primaryimage","url":"https:\/\/www.wexal.jp\/wp-content\/uploads\/2022\/12\/WEXAL-v5-2-1024x727.png","contentUrl":"https:\/\/www.wexal.jp\/wp-content\/uploads\/2022\/12\/WEXAL-v5-2-1024x727.png"},{"@type":"BreadcrumbList","@id":"https:\/\/www.wexal.jp\/en\/document-3-0-0\/overview\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.wexal.jp\/en\/"},{"@type":"ListItem","position":2,"name":"Documentation (3.0.0)","item":"https:\/\/www.wexal.jp\/en\/document-3-0-0\/"},{"@type":"ListItem","position":3,"name":"Overview (3.1.0)"}]},{"@type":"WebSite","@id":"https:\/\/www.wexal.jp\/#website","url":"https:\/\/www.wexal.jp\/","name":"WEXAL\u00ae Page Speed Technology","description":"the best UX for all Websites.","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.wexal.jp\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"}]}},"_links":{"self":[{"href":"https:\/\/www.wexal.jp\/en\/wp-json\/wp\/v2\/pages\/5914","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.wexal.jp\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.wexal.jp\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.wexal.jp\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.wexal.jp\/en\/wp-json\/wp\/v2\/comments?post=5914"}],"version-history":[{"count":6,"href":"https:\/\/www.wexal.jp\/en\/wp-json\/wp\/v2\/pages\/5914\/revisions"}],"predecessor-version":[{"id":6415,"href":"https:\/\/www.wexal.jp\/en\/wp-json\/wp\/v2\/pages\/5914\/revisions\/6415"}],"up":[{"embeddable":true,"href":"https:\/\/www.wexal.jp\/en\/wp-json\/wp\/v2\/pages\/5946"}],"wp:attachment":[{"href":"https:\/\/www.wexal.jp\/en\/wp-json\/wp\/v2\/media?parent=5914"}],"wp:term":[{"taxonomy":"version","embeddable":true,"href":"https:\/\/www.wexal.jp\/en\/wp-json\/wp\/v2\/version?post=5914"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}