Up next in 10
워드프레스 블로그 만들기 5강 - Litespeed cache 플러그인 이해와 세팅 (Feat. 왜 ALL100인가?)
16K views
Jun 18, 2024
이번 영상은 워드프레스 블로그 만들기 5강 워드프레스 캐시 플러그인 중 하나인 Litespeed cache 설정방법에 대하여 알아보겠습니다. 마지막 세팅 관련해서는 마지막 영상입니다. 다 왔으니 끝까지 마음잡고 따라오시죠! :) * 영상교재: https://wplaybook.com/how-to-make-wordpress-blog/ * PageSpeed Insight 페이지: https://pagespeed.web.dev/ 워플 커뮤니티가 생겼습니다. 오셔서 같이 성장하시죠! https://wplaybook.com/go/community 0:00 하이라이트 0:13 인트로 0:35 영상교재 소개 01:00 워플 제휴 인증방법 및 혜택 03:00 워드프레스 최적화 캐시 플러그이란? 03:23 워드프레스 이미지 최적화란 무엇인가? 05:00 워드프레스 페이지 캐싱이란 무엇인가? 06:53 Litespeed cache 플러그인 설정하기 12:43 PageSpeed Insight 결과 체크 13:39 워플 커뮤니키 홍보
View Video Transcript
0:00
구글에 페이지 스피드 인사이트 페이지 가셔가지고 자기의 도메인을 넣고 한번 돌려보시기 바랍니다
0:06
저는 이제 krplaybook.com을 넣고 지금 돌렸는데 결과를 한번 기다려 보도록 하겠습니다. 오오�
0:17
네 안녕하세요 여러분 지금 너무 제가 오랜만에 영상을 녹화해가지고 제 얼굴 나오는 게 너무 어색해가지고 지금 카메라를 껐습니다
0:26
아 죄송합니다. 원래 제가 카메라를 막 무서워하거나 그런 사람이 아닌데 일단 카메라를 안 키고 오늘은 진행을 한번 해보도록 하겠습니다
0:35
마지막 초기 세팅 영상인데요. 대망의 제가 시작하기에 앞서 여러분의 교재를 하나 만들어 왔습니다
0:42
저희 워플에 보시면 Wordpress 블로그 만들기 초보자 완벽 가이드 이거 그냥 쭉 따라 하실 수 있게끔 정리를 해놨�
0:51
그 다음에 이제 오늘은 마지막 7강 Wordpress 최적화 플러그인 설정하는 방법에 대해서 알아볼 텐데요
0:58
이 영상을 이제 따라 하시기 위해서는 저한테 제 영상에 있는 링크를 통해�
1:04
KemiCloud를 결제를 했다라고 하는 것을 인증을 해주신 분들에게만 이 영상이 유효한 그런 영상이지 않을까 싶어요
1:13
제 링크를 사용하신 분들께서는 저에게 여기 밑에 보시면은 워플 인증 방법이라고 있거든요
1:20
여기에다가 워플 오픈 카톡으로 KemiCloud 가입한 이메일이랑 그 다음에 인보이스 정보 인보이스 정보는 어떻게 확인하시냐
1:28
위에 이렇게 눌러보시면은 KemiCloud 자기 거 이렇게 들어가서 빌링 인포가 있어요. 그래서 빌링 인포의 오른쪽에 보시면 인보이스 넘버라고 있습니다
1:38
자기의 이 번호를 저한테 알려주셔야지 됩니다. 그 다음에 마지막으로 현재 KemiCloud 안에�
1:45
어떤 도메인을 사용해서 지금 만들었는가 그 정보까지 이 3개까지만 저한테 주시면은 제가 KemiCloud 쪽에다가 연락을 해�
1:54
이러한 정보를 가진 분이 저의 제휴 링크를 사용해서 지금 만들었다라고 하는 것�
1:59
말해야 될 것 같거든요. 제 영상을 따라해서 만들어주셨다고 연락이 오고 그 다음에 질문이랑 이런 것도 되게 제가 많�
2:07
사실 답변을 드리고 그러는데 제 시간을 써서 사실 답변을 드리는 거잖아요. 근데 KemiCloud나 아니면 제 거 대시보드에 가가지고 확인해보면�
2:16
이 분이 없는 거예요. 그래서 문제가 좀 있었습니다. 엄청 많은 시간을 쏟았음에도 불구하�
2:22
결국엔 제휴 수익은 다른 사람이 가져가는 그런 상황이 너무 많이 발생해서 그래서 어쩔 수 없이 제가 이런 조치를 취했다는 �
2:30
좀 양해 부탁드립니다. 그래서 아무튼 저한테 이 인보이스 확인 번호 확인해서 이제 인증을 해주시면은 제가 파일을 하나 드릴 거예요
2:39
어떤 파일을 드릴 거냐면 Wordpress 최적화 플러그인 우리는 Lightspeed Cache라고 하는 최적화 플러그인을 설정을 할 건데요
2:46
이 최적화 플러그인 설정값이 저장이 되어 있는 파일을 드릴 겁니다. 어떻게 생겼냐? 뭐 별거 없어요
2:53
그냥 wplaybook.data라고 하는 여기 안에 이제 다 들어가 있어요. 그래서 이거를 이따가 드래그 앤 드랍을 해주시면 됩니다
3:01
자, 저희가 최적화 플러그인이란 도대체 뭔가에 대한 이야기를 조금 해볼 텐데요. 이 최적화 플러그인이라고 하는 것�
3:09
우리의 홈페이지를 조금 빠르게 만들어주는 스피드를 높여주는 플러그인이다. 라고 생각하시면 좋겠습니다. 근데 이 어떻게 스피드를 높이냐
3:19
두 가지 기능이 있는데 하나는 블로그 안에 이미지를 최적화하는 겁니다. 여러분이 많은 여기저기 찾아보시다 보면�
3:27
그림 파일을 웹피로 바꿔야 된다. png보다는 jpg가 더 용량이 작다. 많이들 알고 계실 텐�
3:35
제가 지금 현재 올백 테마에다가 설치를 해 놓은 게 어떤 거냐면 이 파일이 있었죠
3:41
저희 설정에서 Resize Image Upload라고 하는 이거 이 플러그인이 해주는 게 뭐였죠
3:46
png 파일이 들어오면은 그 png 파일을 jpg로 바꿔주고 그 다음에 너무 큰 jpg 파일이 들어오면�
3:53
작게 조절해주는 그런 역할을 합니다. 자 그러면 이 플러그인 덕태에 우리의 서버는 우리가 그냥 아무렇게�
4:01
그림 파일을 서버에다 올려도 자동으로 어느 정도 적당한 크기의 jpg 파일들만 있겠죠
4:07
그리고 이 Lightspeed Cache라고 하는 플러그인은 그러한 jpg를 가져다가 클라우드 서버로 보내줍니다
4:15
근데 클라우드 서버에서 그러면은 뭘 하냐 클라우드 서버에서 이 WebP라고 하는 조금은 생소하실 이런 확장자 명�
4:23
이미지 용량이 되게 작은 이미지를 이 클라우드 서버가 만들어줘요. 그리고 이 WebP 파일을 다�
4:29
우리 서버로 보내주는 역할을 이 Lightspeed Cache라고 하는 플러그인이 한다라고 생각하시면 좋겠습니다
4:36
그래서 이게 자동으로 지금 되게끔 설정을 해 놓았으니까 이 영상이 마치면은 Lightspeed Cache 부분은 이제 손대지 않는 거예요
4:44
절대 손대지 않습니다. 아무튼 이렇게 해서 한 가지 웹페이지를 조금 빠르게 뜰 수 있게�
4:51
도와주는 역할을 하겠죠. 당연히 jpg 파일을 읽는 게 아니라 용량이 작은 WebP 파일을 읽을 테니까요
4:56
그래서 이게 이미지 최적화 기능이 하나 있다. 그리고 두 번째는 블로그 페이지 캐시어라고 하는 게 있는데요
5:03
방문자가 지금 보고 계시는 이 페이지로 방문자가 들어왔다고 합시다. 그러면은 이 페이지에는 여러 가지 정보들이 있죠
5:10
글도 있을 테고 그림도 있을 겁니다. 방문자가 딱 볼 때 이제 케미클라우드에서�
5:15
사실 여기 있는 정보들을 막 보여주기 위해서 실제 그림 파일이 저장된 곳에 가가지�
5:21
그림을 가져다 와야 될 거고 글이랑 이런 것도 다 읽어다가 사실 와야 되는 거죠
5:26
그 서버에 갔다가 다시 이 브라우저로 전달하는 이 시간이 좀 걸린다 이거예요
5:31
그래서 이 Lightspeed Cache는 어떤 일을 하냐 이 가는 거를 미리 미리 다 갖다�
5:37
가지고 대기하고 있다고 생각하시면 돼요. 그래서 각 페이지별로 캐시화를 시켜서 방문자가 이 워플에 페이지로 딱 들어왔다
5:44
그러면은 서버로 가는 게 아니라 어 너 이거 보러 왔지? 하면서 이미 어딘가에다가 저장해놓은 것�
5:49
그냥 딱 보여주는 거죠. 그래서 시간이 조금 덜 걸린다. 그리고 또 하�
5:54
만약에 이 사람이 저희의 블로그에 두 번째 오는 사람이다 라고 하면은 이 서버로 가�
6:00
아니면 어디 정보가 저장돼 있는 곳에서 보여주는 게 아니라 이 사람이 예전에 왔었�
6:06
브라우저 안에 있는 저장된 캐시를 사용해서 보여주는 거예요. 그러면은 훨씬 인터넷을 사용하는 것보�
6:12
브라우저 안에 있는 것을 그냥 보여주는 게 훨씬 시간이 빠르겠죠. 그래서 재방문자 같은 경우에�
6:17
그렇게 캐시 사용해서 보여주고 그 다음에 재방문자가 아니더라도 미리 페이지별로 읽어가지고 그 보여줄 것들을 긁어오�
6:27
그런 걸 통해서 이 라이트스피드 캐시라고 하는 것은 블로그의 스피드를 빠르게 만들어준�
6:32
라는 거 이 두 가지만 좀 알고 계시면 좋을 것 같아요. 어찌 보면 모�
6:37
몰라도 될 수도 있겠지만 저희가 워드프레스라고 하는 것을 설치를 하고 운영하는 입장에�
6:43
라이트스피드 캐시가 도대체 뭐 하는 애인지는 좀 알아야 될 거 아니에요. 그죠
6:47
그래서 아무튼 그런 좋은 아이다 라는 것만 알고 넘어가도록 하겠습니다. 자 그러면 본격적으로 설정을 한번 해볼 텐데요
6:54
제일 밑에 라이트스피드 캐시라고 하는 이 부분 클릭해서 들어가 보도록 하겠습니다. 그러면은 여기 들어가 보�
7:03
왼쪽에 보면은 서브메뉴들이 또 쭉 나오거든요. 그 중에서 맨 밑에 툴박스라고 하는 게 있어요
7:09
이 툴박스를 저희는 사용할 거예요. 툴박스 가셔서 클릭을 해보도록 하겠습니다. 그리고 이 중에서 두 번�
7:16
import export라고 하는 부분이 있거든요. 여기 한번 클릭을 해보도록 하겠습니다. import export라고 하는 부분에다�
7:23
제가 여러분한테 드리는 라이트스피드 설정 파일 이 파일을 드래그 앤 드랍을 할 건�
7:29
여기 import라고 하는 이 부분 있죠. 여기 파일 선택이라고 하는 이 부분에다�
7:34
드래그 앤 드랍 해보도록 하겠습니다. 지금 보면 이 wplaybook.data라고 하는 것을 이렇게 드래그 앤 드랍하니까 들어갔네요
7:42
그래서 import를 누르도록 하겠습니다. import 누르면은 뭔가 막 이렇게 에러 같은 게 나거든요
7:48
근데 이 에러 같은 거는 현재 신경 쓰실 필요는 없고요. 왜냐하면은 기존에 있�
7:54
제가 설정해놓은 서버랑 코리아 플레이북이라고 하는 이거 지금 깔아놓은 이 서버가 살짝 다르기 때문이에요
8:00
그래서 이걸 맞춰주는 작업을 저희가 할 겁니다. 그래서 다 dismiss 일단 시켜놓고요
8:05
자 그 다음에 이제 어디로 가시냐. 여기 보시면은 general이라고 있습니다. general에 가시�
8:10
general 지금 너무 빨랐나요? 네 세 번째 겁니다. 이 general에 한번 가시면�
8:14
이렇게 general setting 그리고 뭐 tuning 이렇게 되어 있는 게 있는데요. 이 밑에 가장 밑으로 한번 내려 보도록 하겠습니다
8:21
제일 밑으로 내려 보시면 서버 IP라고 하는 곳이 있어요. 이 서버 IP�
8:26
이제 저희가 우리 케미클라우드 서버에 맞게끔 바꿔주도록 하겠습니다. 그래서 저는 이걸 이제 지울 거예요. 지우시�
8:34
자 이제 케미클라우드로 가볼 겁니다. 케미클라우드로 가서 여기 우리의 서버 IP 정�
8:40
그리고 지금 서버 인포메이션 예전에 그 초기 세팅 2, 3강인가 했을 �
8:45
그 네임 서버 할 때 서버 인포메이션 누르시면은 제일 위에 이 서버 IP 정보가 있을 겁니다
8:52
이거를 저희가 복사해서 가져올 거예요. 컨트롤 C 해서 복사해놓고 다시 여기다가 놓고�
8:59
이제 덮어썼네요. 그리고 save change라고 하는 이 부분 이제 눌러보도록 하겠습니다. 짜�
9:07
자 이렇게 해서 지금 서버 IP 정보 저장이 됐어요. 그 다음에 어디로 올라가�
9:13
제일 위로 올라갑니다. 제일 위로 올라가서 같은 페이지예요. general setting에 지금 여기 general이�
9:20
general 선택 그 다음에 general setting 그 다음에 이 도메인 키 이거 있거든요
9:26
사실 우리가 하고자 하는 거는 뭐냐면 아까 제가 이미지를 클라우드 서버로 보낸다고 했잖아요
9:31
그 클라우드 서버가 이름이 quic.cloud입니다. 이거를 활성화시키기 위해서는 저희가 request domain key라고 하는 �
9:39
이거 도메인 키가 있어야 되거든요. 이제 이거 클릭을 해놓고 좀 기다려보도록 하겠습니다
9:44
await for approval 이렇게 되어 있죠. 그래서 일단 한 15분 안에는 무조건 되거든요
9:50
그래서 조금 기다려보도록 하겠습니다. 어 정말 빨리 받아줬는데요. 아마 한 2, 3분 정도 기다려보신 다음�
9:57
이런 데 뭐 알림판 한번 클릭해보시고 라이트 스피드로 다시 이제 그 general 섹션에 다시 들어오시면�
10:03
저처럼 뭔가를 모르지만은 이렇게 되어 있는 상태가 되었다 라고 하면 도메인 키가 발급이 된 겁니다
10:10
자 이렇게 도메인 키가 발급이 되면 뭐가 활성화가 되냐 오른쪽에 linked quic라고 하�
10:15
이 클라우드 버튼이 활성화가 됩니다. 그래서 저희는 이 linked quic라고 하는 �
10:21
이거 한번 눌러보도록 하겠습니다. 자 이렇게 누르시면은 여기에 어 뭐 이메일 어드레�
10:27
그 다음에 패스월드 이렇게 누르라고 되어 있긴 한데 저는 그냥 I agree라고 하는 거 이거 체크하고요
10:33
여기 체크하고 그 다음에 여기 밑에 있는 구글 요 계정으로 그냥 가입을 해보도록 하겠습니다. 그래�
10:41
여기 구글 한번 눌러볼게요. 그 다음에 자기의 계정 입력을 해주시고요. 저는 선택을 해 하겠습니다
10:48
그리고 continue 또 한번 누르도록 하겠습니다. 자 그러면 여기에 visit my dashboard on
10:55
quic.cloud라고 하는 요게 활성화가 됐단 말이죠. 요 녹색이 이렇게 되어 있으면 일단 성공한 겁니다
11:02
요기 일단 성공한 거고 그러면 사실 끝났어요. 자 그 다음에 이렇게 하면은 얼�
11:07
다 설정이 다 된 거거든요. 그 다음에 어떻게 하냐 어 요 위에 보시면�
11:12
다이아몬드 버튼이 생깁니다. 다이아몬드 버튼이 이제 라이트 스피드 캐시 버튼이고 그 중에�
11:19
이 purge all이라고 하는 요게 있습니다. 이 purge all이라고 하는 게 뭐냐면�
11:24
라이트 스피드 캐시라고 하는 게 블로그를 캐시화를 작업을 한다고 했었죠. 그래서 내가 만약�
11:30
어떤 것을 막 고쳤는데 검색이 잘 안 된다거나 아니면은 화면에 보여지지 않는다거�
11:36
그런 경우가 있을 겁니다. 이제 앞으로 그럴 경우에 어떤 걸 해야 되�
11:40
이 purge all이라고 하는 거 즉 캐시 삭제 우리 요 블로그 WordPress 블로그의 캐시를 삭제하�
11:48
다시 리프레쉬하는 작업을 이 purge all이라고 하는 걸 눌러서 할 수 있다
11:51
오케이 그래서 요거를 한번 눌러주도록 하겠습니다. 싹 다 우리 지금 페이지 있는 �
11:57
싹 다 다시 한번 캐시화 시켜줘라 이런 뜻이고요. 그 다음에 여기 지금 보시면�
12:02
벌써 지금 옵티마이데이션이 다 되었네요. 하나는 보면은 지금 현재 있는 이미지 파일에서 용량�
12:10
100kb 줄었다. 그린 파일이 지금 몇 개 없지만은 요렇게 줄었다라고 하는 걸 알 수 있�
12:15
이미지가 12개가 지금 변환이 되었다라고 하는 것도 알 수가 있습니다. 그래서 자동으로 잘 돌아가니�
12:22
페이지 스피드 이런 거 지금 다 100 뜨는 걸로 지금 확인이 되어 있네요
12:26
로드 타임 이런 것도 싱크 한번 이렇게 눌러보시면은 각각 예전에는 0.4초에 뜨던 것�
12:32
지금 0.21초에 뜨게 됐다라고 이렇게 되어 있네요. 그래서 요런 것들은 이제 자동으로 다 돌아가니�
12:38
사실 신경 쓰실 필요가 없을 것 같아요. 오케이 그리고 마지막으로 여기까지 마치면�
12:45
구글에 페이지 스피드 인사이트 페이지 가셔가지고 자기의 이 도메인을 넣고 한번 돌려보시기 바랍니다
12:53
저는 이제 krplaybook.com을 넣고 지금 돌렸는데 결과를 한번 기다려보도록 하겠습니다. 오오오 아 저 솔직�
13:00
이거 안 뜨면 어떡하나 되게 조마조마했거든요. 왜냐면 테마가 올백이잖아요. 근데 제가 이거 그대로 했는�
13:08
올백 안 나오면 어떻게 하나 사실 걱정을 좀 했는데 보시다시피 올백 나왔네요. 그쵸
13:15
그 모바일에서 지금 올백 나오고 그 다음에 데스크탑에서도 똑같이 올백이 나왔습니다. 요렇게 해�
13:22
제가 생각했던 초기 세팅은 마무리를 지었어요. 여기까지 따라오시느라고 정말 고생 많으셨고 앞으�
13:29
이제 어떻게 하냐 글을 써야겠죠? 글 쓰는 것도 제가 아마 영상을 올려놓을 텐�
13:33
그 전에 여러분한테 제가 홍보를 해드리고 싶은 게 있습니다. 저희 워플에 커뮤니티가 있어요
13:40
워플 커뮤니티가 계속해서 제가 홍보도 하고 여러분 이제 많이 이제 들어오시면 점점 더 활성화가 많이 될 텐�
13:47
이미 지금 거의 60분 가까이 오셔서 하루가 멀다 하고 자기가 쓴 글�
13:53
올리기도 하고 그 다음에 피드백도 받으시고 다른 사람 글도 이렇게 보면서 공부도 많이 하시�
13:59
그 다음에 질문 올려주시는 것들 여기다가 답변을 다 하고 있거든요. 제 영�
14:04
그대로 따라오시면 저희 올백 테마 찰 테마를 쓰고 있을 테니까 여기 지금 있는 60분이 �
14:11
여러분과 같은 카덴스 테마 쓰고 있거든요. 그래서 아마도 다른 곳 가셔서 질문하시는 것보다�
14:17
여기 오셔가지고 질문하시는 게 가장 답변 받기가 쉬울 겁니다. 그리고 여기 오시�
14:23
요렇게 커뮤니티에 처음 오신 분들을 위한 안내 해가지고 신입생들 OT도 있습니다. OT 이렇게 눌러보시�
14:30
첫인사 하는 것부터 저희 커뮤니티 앱도 있습니다. 커뮤니티 앱 사용해서 이용하시다 보�
14:36
너무 편하실 거예요. 그리고 각 섹션별 이용하는 거 혜택 요런 거 써놨습니다. 그리�
14:42
클래스룸 보시면 워드프레스 블로그 첫걸음 관련한 요런 영상 이제까지 했던 것들 다 제�
14:49
이렇게 정리 다 해놨고요. 검색 엔진 등록하는 거 파비콘 제대로 만드는 �
14:53
그 다음에 워드프레스 꾸미는 거 질문 리스트 요런 것들 다 사용하시는 이 테마 기준으�
15:00
설명해 놓은 거니까 이거 그대로 하나씩 하나씩 보시면서 공부해 나가시면은 아주 좋을 거라고 저는 생각이 듭니다
15:07
여기까지 해서 오늘 마치도록 할게요. 그러면 다음 영상에는 잘생긴 얼굴로 제가 또 돌아오도록 하겠습니다. 그러�
15:14
오늘도 해피 블로깅 하시고 다음 영상에서 뵙도록 하죠. 빠빠이 앞으로도 앞으로도 앞으로도 앞으로도 앞으로도 앞으로도 앞으로도 앞으로도 앞으로도 앞으로도 앞으로도 앞으로도 앞으로도 앞으로도 앞으로도 앞으로도 앞으로도 앞으로도 앞으로도 앞으로도 앞으로도 앞으로도 앞으로도 앞으로도 앞으로도 앞으로도 앞으로도 앞으로도 앞으로�
#Photo & Image Sharing
#Photo & Video Sharing