공개 게시판 > 공부

Business
- Business
Information
- Information
Study
- IONIC REACT PHP GNU MySQL ASP .NET MsSQL Html CSS Script SEO DNS JQuery Eng
book
- book
free
- free

:: 글답변 ::

이 름

패스워드

이메일

홈페이지

옵 션

html

분 류

제 목

>
>
> Google에서 제공하는 웹서버용 최적화 모듈
> Apache, Nginx 용이 제공 됨
> Compile 된 모듈은 Linux/Apache만 제공되며, 나머지 OS, 웹서버에서 사용하려면 Compile(make install) 해서 사용해야함.
> mod_pagespeed의 핵심
> resouce들의 cache 및 rewrite
> 
> mod_pagespeed가 설치된 웹서버(Apache, Nginx)를 통해서 제공되는 resource(html,xml,js,css,image)들은 mod_pagespeed의 설정에 따라 rewrite되고 caching 되어 client에 제공된다
> 기존의 caching module인 mod_cache, mod_file_cache과 유사한 기능에 rewrite가 추가된 것
> rewrite
> html,js,css 등의 minify(공백 제거를 통한 용량 감소)
> image의 recompress(JPG의 이미지 압축률/사이즈 조정)
> cache
> 
> 자주 요청되는 파일들을 다양한 방법으로 caching
> File
> Shared memory
> Memcached
> 장점
> 개발단에서 큰 작업 없이 최적화 효과를 얻을 수 있다
> Resource Merge & Minify
> Cache Time 설정
> Image & Script Lazy Loading
> 사이트 성능 측정 데이터 수집 가능(By Beacon)
> 단점
> Apache에게 역할이 추가로 부가 됨
> HW Resource가 늘어남
> File Caching으로 인해 Strorage 사용량 증가
> HW 성능 및 Storage 관리가 필요
> 
> 
> 
> 
> Module Options
> 
> ModPagespeed on/off : 모듈 사용 여부 결정
> 
> 
> ModPagespeedInheritVHostConfig on/off : VirtualHost도 global한 PageSpeed의 설정을 상속받아 적용시킬 것인지 결정
> 
> AddOutputFilterByType MOD_PAGESPEED_OUTPUT_FILTER : text/html, application/xhtml+xml 등으로 mod_pagespeed의 필터를 적용시킬 컨텐츠 타입들을 지정
> 
> ModPagespeedFileCachePath : 캐싱될 파일들이 저장되는 경로
> 
> ModPagespeedMemcachedServers : PageSpeed 캐시로 이용할 memcached 서버 경로
> 
> ModPagespeedCreateSharedMemoryMetadataCache : 디스크나 멤캐시드의 부하를 줄이기위해 메모리에만 저잗할 캐시들의 경로 및 용량
> 
> ModPagespeedRewriteLevel : 페이지 스피드가 Rewrite 할 필터의 레벨 설정
> 
> CoreFilters : 기본으로 설정되는 필터들 (ModuleFilters 참고)
> PassThrough : 개별 설정
> ModPagespeedDisableFilters : 사용하지 않을 필터들의 목록
> 
> ModPagespeedEnableFilters : 사용할 필터들의 목록
> 
> ModPagespeedForbidFilters : 사용을 막을 필터들의 목록
> 
> ModPagespeedRewriteDeadlinePerFlushMs : Rewrite 한 리소스들을 Flush 할 주기
> 
> ModPagespeedDomain : 같은 저장소에 있는 리소스들이 다른 도메인에서 제공 될 경우, mod_pagespeed 설정들을 적용할 도메인을 추가로 설정할 수 있음
> 
> 캐싱 사이즈/시간 관련 설정
> 
> ModPagespeedFileCacheSizeKb 102400
> ModPagespeedFileCacheCleanIntervalMs 3600000
> ModPagespeedLRUCacheKbPerProcess 1024
> ModPagespeedLRUCacheByteLimit 16384
> ModPagespeedCssFlattenMaxBytes 2048
> ModPagespeedCssInlineMaxBytes 2048
> ModPagespeedCssImageInlineMaxBytes 2048
> ModPagespeedImageInlineMaxBytes 2048
> ModPagespeedJsInlineMaxBytes 2048
> ModPagespeedCssOutlineMinBytes 3000
> ModPagespeedJsOutlineMinBytes 3000
> 
> ModPagespeedFileCacheInodeLimit : 캐싱할 파일들의 최대 갯수 (0이면 무제한)
> 
> ModPagespeedImageMaxRewritesAtOnce : 한번에 ReWrite할 Image들의 최대 갯수 (0이면 무제한)
> 
> ModPagespeedNumRewriteThreads : Rewrite할 Thred 갯수
> 
> ModPagespeedNumExpensiveRewriteThreads : 고성능 Rewrite를 할 Thred 갯수
> 
> ModPagespeed Js/Image/Css PreserveURLs : 캐싱될 때 URL이 변경되지 않아야 하는 리소스들에 대한 옵션
> 
> ModPagespeedJpegRecompressionQuality : JPEG 압축률 지정 (0~100,-1은 메타데이터 제거)
> 
> ModPagespeedImageWebpRecompressionQuality : WebP 압축률 지정(0~100)
> 
> ModPagespeedImageWebpTimeoutMs : WebP 압축 대기시간 지정(-1 무제한)
> 
> ModPagespeedImageLimitOptimizedPercent : 압축될 이미지의 용량 퍼센트
> 
> ModPagespeedImageLimitResizeAreaPercent : 압축될 이미지의 사이즈 퍼센트
> 
>  
> 
> ModuleFilters
>  
> 
> 필터 명
> 기본 적용
> 설명
> add_head
> Yes
> html에 <head>가 없으면 추가시킴
> combine_css
> Yes
> 여러 개의 CSS를 하나로 합침
> convert_gif_to_png
> Yes
> gif 이미지들을 최적화 시켜 png로 변환함
> convert_jpeg_to_progressive
> Yes
> 사이즈가 큰 jpg 이미지들을 progressive 형식으로 변경함
> convert_meta_tags
> Yes
> 메타 태그에 Response Header에 대한 정보를 삽입한다.
> extend_cache
> Yes
> rewrite된 resource들의 cache 기간을 길게 설정한다
> extend_cache_css
> Yes
> 　
> extend_cache_images
> Yes
> 　
> extend_cache_scripts
> Yes
> 　
> fallback_rewrite_css_urls
> Yes
> 　
> flatten_css_imports
> Yes
> @import 된 css를 모두 병합하여 inline으로 추가한다.
> inline_css
> Yes
> 사이즈가 작은 CSS를 inline으로 추가한다
> inline_images
> Yes
> 사이즈가 작은 이미지를 inline으로 data:uri 형식으로 추가한다
> inline_import_to_link
> Yes
> @import로 된 구문을 link로 변환한다
> inline_javascript
> Yes
> 사이즈가 작은 JS를 inline으로 추가한다.
> jpeg_sampling
> Yes
> jpeg 압축시 샘플링 비율 수정
> recompress_images
> Yes
> 이미지 파일들의 압축률을 조정
> recompress_jpeg
> Yes
> jpeg형식의 이미지들의 압축률을 조정(메타테그 제거)
> recompress_png
> Yes
> png형식의 이미지들의 압축률을 조정(메타테그 제거)
> recompress_webp
> Yes
> webp형식의 이미지들의 압축률을 조정
> resize_images
> Yes
> img tag안에 들어있는 이미지들을 width,height 크기에 맞게 resize
> rewrite_css
> Yes
> css 압축 및 최적화
> rewrite_images
> Yes
> 이미지 압축 및 최적화
> rewrite_javascript
> Yes
> js 압축 및 최적화
> rewrite_style_attributes_with_url
> Yes
> inline으로 들어가있는 리소스들을 data:uri 형식으로 변경
> strip_image_color_profile
> Yes
> 이미지의 컬러 정보를 제거한다
> strip_image_meta_data
> Yes
> 이미지의 메타 정보를 제거한다
> 기본으로 적용되지 않는 필터들
> 　
> 　
> add_instrumentation
> No
> 사이트 속도 측정을 하는 스크립트를 추가한다
> canonicalize_javascript_libraries
> No
> jquery와 같은 javascript library들을 공용 호스팅 서비스로 redirect한다
> collapse_whitespace
> No
> HTML의 공백을 제거한다(<pre>, <script>, <style>, <textarea> 태그 제외).
> combine_heads
> No
> head가 여러 개일 경우 하나로 합쳐준다
> combine_javascript
> No
> 여러 개의 javascript를 하나로 합쳐준다
> convert_jpeg_to_webp
> No
> jpeg 이미지들을 webp형식으로 변경한다
> convert_png_to_jpeg
> No
> gif와 png를 jpeg 형식으로 변경한다
> dedup_inlined_images
> No
> 반복 되는 이미지를 처음 나오는 이미지로 대체한다.
> defer_javascript
> No
> 페이지 로딩이 완료될 때 까지 javascript 로딩을 연기한다.
> elide_attributes
> No
> 중요하지 않은 HTML 속성을 제거한다.
> extend_cache_pdfs
> No
> pdf의 캐시 기간을 확장한다.
> inline_preview_images
> No
> 페이지 로딩이 완료될 때까지 저품질의 이미지로 노출하고 로딩이 완료되면 고품질 이미지로 교체한다.
> insert_dns_prefetch
> No
> DNS확인 시간을 줄이기 위해 <link rel="dns-prefetch" href="//www.example.com"> 태그를 삽입한다.
> insert_ga
> No
> 구글 Analytics 스크립트를 추가한다.
> insert_image_dimensions
> No
> img 태그에 width, height 를 추가한다
> lazyload_images
> No
> 이미지를 레이지 로딩 한다.
> local_storage_cache
> No
> 인라인된 리소스를 HTML5 캐시 스토리지에 저장한다
> make_google_analytics_async
> No
> Google Analytics API 사용을 비동기로 설정한다
> move_css_above_scripts
> No
> CSS요소를 script 태그 위로 이동한다.
> move_css_to_head
> No
> CSS요소를 head 안으로 이동한다.
> outline_css
> No
> 큰 블록의 CSS파일을 캐싱가능한 파일 변경한다.
> outline_javascript
> No
> 큰 블록의 JS파일을 캐싱가능한 파일 변경한다.
> pedantic
> No
> type 속성이 존재하지 않고 페이지를 HTML5가 아닌 경우 <SCRIPT> 및 <STYLE> 태그의 기본 유형을 추가한다. 이 필터의 목적은 PageSpeed는 HTML4 유효성 검사를 중단하지 않도록하는 것.
> prioritize_critical_css
> No
> 페이지에서 사용하는 경우에만 CSS를 인라인 시킨다.
> remove_comments
> No
> HTML의 주석 제거
> remove_quotes
> No
> 불필요한 따옴표 제거
> resize_mobile_images
> No
> 모바일 브라우저 일경우 inline_preview_images 처럼 제공
> rewrite_domains
> No
> MapRewriteDomain andShardDomain 설정이 되어있을 경우 PageSpeed가 건드리지 않은 리소스들의 도메인을 rewrite
> rewrite_style_attributes
> No
> style 속성안에 있는 css도 재작성한다
> sprite_images
> No
> CSS 스프라이트 이미지들을 하나로 병합한다
> trim_urls
> No
> 긴 base url을 축소한다
> [출처] mod_pagespeed 분석|작성자 Pitz
>

링크 #1

링크 #2

파일첨부

왼쪽의 글자를 입력하세요.