1"use strict";(self.webpackChunkkurokuro=self.webpackChunkkurokuro||[]).push([["21724"],{4167:function(e,t,s){s.r(t),s.d(t,{metadata:()=>i,default:()=>h,frontMatter:()=>a,contentTitle:()=>l,toc:()=>d,assets:()=>c});var i=JSON.parse('{"id":"faq/how-to-reduce-artifact-file-sizes","title":"It takes too long to build and deploy my GitHub Actions. How can I speed it up?","description":"Having large artifact file sizes can result in long building and deployment times with GitHub Actions. We recommend the methods below to reduce the file sizes.","source":"@site/docs/faq/how-to-reduce-artifact-file-sizes.mdx","sourceDirName":"faq","slug":"/faq/how-to-reduce-artifact-file-sizes","permalink":"/docs/faq/how-to-reduce-artifact-file-sizes","draft":false,"unlisted":false,"editUrl":"https://github.com/diverta/kuroco-documents/tree/main/packages/create-docusaurus/templates/shared/docs/faq/how-to-reduce-artifact-file-sizes.mdx","tags":[],"version":"current","frontMatter":{"title":"It takes too long to build and deploy my GitHub Actions. How can I speed it up?","description":"Having large artifact file sizes can result in long building and deployment times with GitHub Actions. We recommend the methods below to reduce the file sizes.","category":"trouble","subcategory":"deploy"},"sidebar":"faqSidebar","previous":{"title":"Where is the best place to store static files (images, JS, CSS, etc.) used on the site?","permalink":"/docs/faq/how-to-place-static-files"},"next":{"title":"How do I reproduce the appearance of WYSIWYG editor content on the frontend?","permalink":"/docs/faq/how-to-reproduce-wysiwyg-editor-styles-on-the-frontend"}}'),n=s(74848),o=s(28453),r=s(55466);let a={title:"It takes too long to build and deploy my GitHub Actions. How can I speed it up?",description:"Having large artifact file sizes can result in long building and deployment times with GitHub Actions. We recommend the methods below to reduce the file sizes.",category:"trouble",subcategory:"deploy"},l,c={},d=[{value:"Migrate static resource files to KurocoFiles",id:"migrate-static-resource-files-to-kurocofiles",level:2},{value:"Reduce the HTML file size",id:"reduce-the-html-file-size",level:2},{value:"Import SVG sprites as files",id:"import-svg-sprites-as-files",level:3},{value:"Display page contents asynchronously",id:"display-page-contents-asynchronously",level:2},{value:"Related documents",id:"related-documents",level:2}];function u(e){let t={a:"a",code:"code",h2:"h2",h3:"h3",li:"li",p:"p",pre:"pre",ul:"ul",...(0,o.R)(),...e.components};return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(r.A,{faqs:[{question:"It takes too long to build and deploy my GitHub Actions. How can I speed it up?",answer:"Having large artifact file sizes can result in long building and deployment times with GitHub Actions. We recommend the methods below to reduce the file sizes."}]}),"\n",(0,n.jsx)(t.p,{children:"Having large artifact file sizes can result in long building and deployment times with GitHub Actions. We recommend the methods below to reduce the file sizes:"}),"\n",(0,n.jsx)(t.h2,{id:"migrate-static-resource-files-to-kurocofiles",children:"Migrate static resource files to KurocoFiles"}),"\n",(0,n.jsx)(t.p,{children:"KurocoFiles is a function that enables you to upload and update files from the admin panel. Migrating static resource files (such as images) to KurocoFiles can help reduce the total size of your source files. Also, KurocoFiles uploads are cached in our CDN and can be served at higher speeds."}),"\n",(0,n.jsx)(t.p,{children:"More information:"}),"\n",(0,n.jsxs)(t.ul,{children:["\n",(0,n.jsx)(t.li,{children:(0,n.jsx)(t.a,{href:"/docs/management/file-manager/",children:"User guide: Files"})}),"\n",(0,n.jsx)(t.li,{children:(0,n.jsx)(t.a,{href:"/docs/reference/api-convert-image/",children:"Reference: Dynamic conversion of images"})}),"\n"]}),"\n",(0,n.jsx)(t.h2,{id:"reduce-the-html-file-size",children:"Reduce the HTML file size"}),"\n",(0,n.jsx)(t.p,{children:"For statically generated sites, you can reduce the artifact file sizes by reducing the HTML file size."}),"\n",(0,n.jsx)(t.h3,{id:"import-svg-sprites-as-files",children:"Import SVG sprites as files"}),"\n",(0,n.jsxs)(t.p,{children:["If icons are displayed using SVG sprites, with the SVG code contained in the HTML source, this code will be included in all the pages generated during the build process, causing the page sizes to become bloated. You can reduce the HTML file size by loading the SVG code as ",(0,n.jsx)(t.code,{children:"svg-sprite.svg"}),". For example:"]}),"\n",(0,n.jsx)(t.pre,{children:(0,n.jsx)(t.code,{className:"language-html",children:'<svg>\n <use xlink:href="/assets/svg/sprite.svg#icon-foo"></use>\n</svg>\n'})}),"\n",(0,n.jsx)(t.h2,{id:"display-page-contents-asynchronously",children:"Display page contents asynchronously"}),"\n",(0,n.jsx)(t.p,{children:"For static websites, as the total number of pages on the site increases, so does the number of files generated during the build. If the subsequent pages after a list page are static, you can reduce the number of pages generated by displaying them asynchronously using Axios."}),"\n",(0,n.jsx)(t.h2,{id:"related-documents",children:"Related documents"}),"\n",(0,n.jsxs)(t.ul,{children:["\n",(0,n.jsx)(t.li,{children:(0,n.jsx)(t.a,{href:"/docs/management/file-manager/",children:"File manager"})}),"\n",(0,n.jsx)(t.li,{children:(0,n.jsx)(t.a,{href:"/docs/reference/endpoint-settings/",children:"Endpoint settings"})}),"\n",(0,n.jsx)(t.li,{children:(0,n.jsx)(t.a,{href:"/docs/reference/api-convert-image/",children:"Dynamic conversion of images"})}),"\n",(0,n.jsx)(t.li,{children:(0,n.jsx)(t.a,{href:"/docs/faq/can-i-use-nuxt-js-ssg-to-reduce-api-calls/",children:"Is there any way to reduce API requests when generating pages in Nuxt.js SSG?"})}),"\n",(0,n.jsx)(t.li,{children:(0,n.jsx)(t.a,{href:"/docs/faq/how-to-place-static-files/",children:"Where is the best place to store static files (images, JS, CSS, etc.) used on the site?"})}),"\n",(0,n.jsx)(t.li,{children:(0,n.jsx)(t.a,{href:"/docs/faq/how-do-i-free-up-storage-space-for-github-artifacts/",children:"How do I free up storage space for GitHub artifacts?"})}),"\n"]})]})}function h(e={}){let{wrapper:t}={...(0,o.R)(),...e.components};return t?(0,n.jsx)(t,{...e,children:(0,n.jsx)(u,{...e})}):u(e)}},55466:function(e,t,s){s.d(t,{A:()=>n});var i=s(74848);function n({faqs:e=[]}){if(0===(Array.isArray(e)?e.filter(e=>e.question&&e.answer):[]).length)return null;let t=JSON.stringify({"@context":"https://schema.org","@type":"FAQPage",mainEntity:e.map(e=>
1({"@type":"Question",name:e.question,acceptedAnswer:{"@type":"Answer",text:e.answer}}))},null,2);return(0,i.jsx)("script",{type:"application/ld+json",dangerouslySetInnerHTML:{__html:t}})}s(96540)},28453:function(e,t,s){s.d(t,{R:()=>r,x:()=>a});var i=s(96540);let n={},o=i.createContext(n);function r(e){let t=i.useContext(o);return i.useMemo(function(){return"function"==typeof e?e(t):{...t,...e}},[t,e])}function a(e){let t;return t=e.disableParentContext?"function"==typeof e.components?e.components(n):e.components||n:r(e.components),i.createElement(o.Provider,{value:t},e.children)}}}]);
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.